我有一个模式框,我试图把两列彼此旁边,我通过分配float:left(一个div(.center-columnb)和一个float:right to .map-column)。 然而,会发生什么情况是'center-columnb'会打破灰色渐变背景的容器div,就好像这个div放在该容器div的下面一样(注意灰色部分底部的圆形边缘,意思是在 当我删除float:从style.css中的centercolumnb离开时,除了右边的列不再停留在那里之外,一切都正常了。有没有人有任何替代方案可以帮助我?谢谢:)浮动:留下容器div?
11
A
回答
25
您有一个#contentholder
的父母div,但此时它不包含其中的浮动内容。默认情况下,浮动元素将从文档流中取出,并且任何父div都会折叠。为了让它包含浮动内,你需要给它一个溢出属性。这应该是诀窍:
#contentholder {
overflow: auto;
}
7
另一种方法是清除问题容器的底部。对于完整的跨浏览器兼容解决方案,只需在关闭div之前添加:
<div style="clear:both"></div>
相关问题
- 1. 流畅地浮动的div留下
- 2. 在容器格内浮动的div
- 3. 把一个浮动的div在容器
- 4. 容器div中的CSS浮动问题
- 5. 浮动左div容器中心
- 6. 浮动内容中Div Div Div Divider
- 7. 中心对齐浮动div里面的浮动容器
- 8. div的浮动内容
- 9. 漂浮的DIV容器
- 10. 三个div在一个容器内部漂浮,留下一个大空间
- 11. DIV浮动右浮动DIV左浮动
- 12. 浮动div保持滑动下方其他浮动div
- 13. 动态浮动的内容,让DIV漂浮在另一个DIV
- 14. 浮动div中的内容导致div下降
- 15. 非浮动的div div在IE9(和7)的右浮动div下面下降
- 16. 浮动被推到容器下方
- 17. Firefox浮动div导致表浮出其容器
- 18. 100%宽度的表格为浮动div留下空间
- 19. 使两个浮动的div留下彼此相邻
- 20. CSS - 右下角浮动内容下推div
- 21. 浮动div开始下面另一个全宽浮动div
- 22. 非浮动的div推压浮动DIV向下行
- 23. 浮动div下的位置div
- 24. 绝对位置div容器在div浮动
- 25. CSS缩小到适合多线浮动div的容器div
- 26. CSS容器的DIv高度。浮动DIV问题
- 27. Div浮动左,Div容器不增加大小
- 28. 浮动图像渗出其div容器到另一个div
- 29. 如何使浮动的div容器适合div高度?
- 30. 内左浮动div的不扩大div容器垂直
是的。如果创建一个滚动条,尝试溢出:隐藏; – Michelle
你知道吗?你解决了我一直在思考两天的问题。非常感谢DA,Michelle和fanfavorite :))))))很高兴现在正在工作! – pufAmuf