2012-07-03 2 views
3

У меня есть страница php, которая показывает профили пользователей из базы данных.Проблема с поплавком: левая

У меня есть разделение класса «член» для каждого профиля.

Если я использую float-left для класса .member, разделение содержимого для профилей не расширяется, а профили отображаются вне контейнера. Вы можете посмотреть на следующем снимке экрана.

http://s14.postimage.org/failytjs1/With_Float.png

Однако, если я не использовать поплавок-влево для .member класса, разделение контента для профилей делает расширяться в соответствии с PHP и профили показаны внутри контейнера. Вы можете посмотреть на следующем снимке экрана.

http://s14.postimage.org/owc6f4axt/Without_Float.png

+0

Код? В каком стиле хранятся контейнеры? – JNF

+0

, пожалуйста, напишите свой код, чтобы мы могли вам помочь – Prashobh

ответ

2

Добавить overflow: hidden; к родительскому элементу из div с с классом «член». Если родительский элемент имеет высоту, удалите его.

+0

Большое спасибо. Это сработало. Но почему это работает сейчас? –

+0

Поплавок должен быть остановлен в конце. Вы можете закончить его добавлением невидимого элемента с помощью css 'clear: both;' или вы можете установить 'overflow: hidden;' родительскому элементу для завершения плавающего. – scessor

+0

Хорошо. Спасибо :) –

0

Вы также можете использовать <div style="clear: both;"></div>

+0

Да, это тоже работает –

Смежные вопросы