2013-07-05 6 views
0

У меня проблема с нижней частью моего сайта.Верхняя граница ребенка div находится в начале родительского div

Basic Layout:

footer_bg является родительским дел. Он содержит 3 divs в горизонтальном бок о бок формирования: address_Sec (левый самый), blog_Sec (посередине) и follow_Sec (справа самый). До этих трех разделов, но также и в пределах footer_bg, находится четвертый div с именем footerMessages.

Проблема:

Проблема заключается в том, что браузер считает, что footerMessages ДИВ начинается в точке, где начинается footer_bg дел. Однако на самом деле, footerMessages div появляется ниже остальных 3 divs, также в пределах footer_bg. Эта путаница вызывает свойство border-top для footerMessages для рендеринга, где начинается родительский div, а именно footer_bg.

JSFiddle Код:http://jsfiddle.net/ahmadka/Th6Kq/1/

Скриншот Пример:

enter image description here

красная пунктирная линия должна появиться право перед, где начинаются авторские права сообщения, потому что авторские права сообщения в footerMessages DIV ..

Как это исправить ?

ответ

2

http://jsfiddle.net/Th6Kq/2/

Вы должны добавить: clear:both в колонтитул сообщения.

+0

Почему это приводит к появлению полос прокрутки? – Ahmad

+0

Скроллбары не будут отображаться на вашей странице, jsfiddle имеет «космическую проблему» -> высота элемента под вопросом, я думаю -> измените размер кадра, и вы увидите ... http://fiddle.jshell.net/Th6Kq/2/ показать/ – sinisake

+0

PS Измените ширину и положение элементов в нижнем колонтитуле (поместите их в строки, ниже других), если вам нужен отзывчивый вид ... – sinisake

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