2011-08-25 81 views
11

我有一个模式框,我试图把两列彼此旁边,我通过分配float:left(一个div(.center-columnb)和一个float:right to .map-column)。 然而,会发生什么情况是'center-columnb'会打破灰色渐变背景的容器div,就好像这个div放在该容器div的下面一样(注意灰色部分底部的圆形边缘,意思是在 当我删除float:从style.css中的centercolumnb离开时,除了右边的列不再停留在那里之外,一切都正常了。有没有人有任何替代方案可以帮助我?谢谢:)浮动:留下容器div?

回答

25

您有一个#contentholder的父母div,但此时它不包含其中的浮动内容。默认情况下,浮动元素将从文档流中取出,并且任何父div都会折叠。为了让它包含浮动内,你需要给它一个溢出属性。这应该是诀窍:

#contentholder { 
    overflow: auto; 
} 
+4

是的。如果创建一个滚动条,尝试溢出:隐藏; – Michelle

+0

你知道吗?你解决了我一直在思考两天的问题。非常感谢DA,Michelle和fanfavorite :))))))很高兴现在正在工作! – pufAmuf

7

另一种方法是清除问题容器的底部。对于完整的跨浏览器兼容解决方案,只需在关闭div之前添加:

<div style="clear:both"></div>