css - Div 无法在 Firefox 中自动调整大小

Question

有人愿意在任何 Web 开发工具(Firebug、IE9、Chrome 开发工具)中查看此页面并告诉我为什么 #container div 在 Firefox 中不会自动调整大小吗？应该有一个背景阴影，它在大多数浏览器中可见，但在 FF 中不显示。想法？

http://d2burke.com/hosted/vaacme/

谢谢!

Answer 1

由于#container 中的所有 元素都是 float 的，因此其中的所有内容都脱离了正常的文档流，因此它缩小为无，因为它有零填充和高度。要解决此问题，您可以申请:

#container {
    overflow: hidden;
}

或删除:

.break {
    float: left;
}