html - 浮动 div 重叠

Question

我正在尝试为朋友制作这个测试站点。它有 4 个固定位置的 div，中间有一个可以滚动的 div。问题是 bodyline div 与左 div 重叠。

http://jsfiddle.net/H23du/

有什么是错的预览。

任何人都可以帮忙，如果需要，我可以解释更多。尽管 JSfiddle 完美地显示了这个问题。

Answer 1

试试：width:25%;和padding: 0px 0px 0px 60px;和text-align: justify;在#bodyline。

Answer 2

固定 DIV 不再是 DOM 流的一部分，并且不能用作中心 div 的参考点。但是，您可以使用它们的百分比或基于像素的宽度来确定中心 DIV 的边距。

因此，宽度为 30px 的左侧 div 意味着中心 div 需要 30px 的左边距；

它真的只是从这里归结为数学。

现在，如果您使用相对定位浮动 div，而不是固定它们，那将是另一回事。