firefox - 由于内容大，Firefox 中的浮动 div 转到下一行

Question

我遇到了一些不正常的情况，使用 html 标记。当前使用两个浮动 div

 .navigation 
 {
     width: 200px;
     float: left;
 }

 .content
 {
     float: left;
 }

问题是Firefox将第二个div移动到下一行，只有它的内容大于页面宽度-200px。如何解决此问题以适应没有 max-width 属性的页面空间的第二个 div 其余部分，因为我的内容显示在从 1024 到 1980 像素宽度的不同分辨率监视器中。目前仅在 Firefox 中发生。

Answer 1

如果你有一个父容器，你可以给它padding-left: 200px和.navigation { margin-left: -200px; }. 这样你就可以摆脱float: left;内容，因为它总是由父母填充。