2013-07-05 52 views
0

我的网站页脚部分存在问题。位于父div开头的子div顶部边框

基本布局:

footer_bg是父DIV。它包含3个水平并排编队:address_Sec(最左),blog_Sec(中间)和follow_Sec(最右)。在这3个div之前,也在footer_bg之前,是第四个div,其名称为footerMessages

问题:

的问题是,浏览器认为footerMessages DIV启动,在此footer_bg DIV开始点。但实际上,footerMessages div显示在其他3个div下方,也在footer_bg之内。这种混淆导致footerMessagesborder-top属性呈现在父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

Scrolbars不会出现在你的页面上,jsfiddle有'空间问题' - >元素高度有问题,我猜 - >调整框架大小,你会看到... http://fiddle.jshell.net/Th6Kq/2/显示/ – sinisake

+0

PS更改页脚中元素的宽度和位置(将它们放在行中,放在下面的其他页面上)如果您需要响应式视图... – sinisake