html - 子 div 的顶部边框位于父 div 的开头

Question

我的网站页 footer 分有问题。

基本布局:

footer_bg 是父 div。它包含 3 个水平并排的 div:address_Sec(最左边)、blog_Sec(中间)和 follow_Sec(右边最多)。在这 3 个 div 之前，也在 footer_bg 中，是第四个 div，名为 footerMessages。

问题:

问题是浏览器认为 footerMessages div 在 footer_bg div 开始的地方开始。然而实际上，footerMessages div 出现在其他 3 个 div 的下方，也在 footer_bg 中。这种混淆导致 footerMessages 的 border-top 属性在父 div(即 footer_bg)开始的位置呈现。

JSFiddle 代码: http://jsfiddle.net/ahmadka/Th6Kq/1/

截图示例:

红色虚线应该出现在版权信息开始的位置之前，因为版权信息在footerMessages div..

我该如何解决这个问题？

Answer 1

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

您应该添加:clear:both 到页脚消息。