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

Question

我的网站页脚部分有问题。

基本布局：

footer_bg是父div。它包含3个水平并排形式的div：address_Sec（最左侧），blog_Sec（中间）和follow_Sec（最右侧）。在这3个div之前，也在footer_bg之内，是一个名为footerMessages的第四个div。

问题：

问题是浏览器认为footerMessages div从footer_bg div开始的那一刻开始。但实际上，footerMessages div显示在其他3个div之下，也位于footer_bg之内。这种混淆导致border-top的{​​{1}}属性呈现父div（即footerMessages）的起始位置。

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

屏幕截图示例：

红色虚线应出现在版权信息开始之前，因为版权信息位于footer_bg div ..

我该如何解决这个问题？

Answer 1

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

您应该在页脚消息中添加：clear:both。