Div не выравнивается должным образом с помощью сетки CSS - PullRequest
Новая
       21

Div не выравнивается должным образом с помощью сетки CSS

0 голосов
/ 22 августа 2011

На этой странице я использую сеточную систему 960, где я перечисляю свои закладки на бумажных носителях: http://labs.tonyhue.com/bookmarks/

Однако раздел социальных сетей отключен от остальных.Он должен быть выровнен справа после раздела программирования.Есть идеи?

1 Ответ

1 голос
/ 22 августа 2011

Добавьте (фиксированную) высоту к вашему .grid_6 -Контейнеру. 

.grid_6 {height:250px; /*or something else*/}

Ваша проблема возникает на плавающих элементах разной высоты.

Приятное чтение о плавающих: http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

Edit: В противном случае вы можете добавить элемент-обертку, чтобы очистить ваши поплавки: 

<div class="wrapper">
     <div class="grid_6"></div>
     <div class="grid_6"></div>
</div>

<div class="wrapper">
     <div class="grid_6"></div>
     <div class="grid_6"></div>
</div>

Вы можете очистить свои поплавки с помощью .wrapper {overflow:hidden;} ИЛИ , вы можете использовать метод clearfix: http://perishablepress.com/press/2009/12/06/new-clearfix-hack/

...