浮动div重叠

Question

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

http://jsfiddle.net/H23du/

预览出了什么问题。

任何人都可以提供帮助，如果需要，我可以解释更多其他内容。虽然JSfiddle完美地展示了这个问题。

Answer 1

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

Ergo，左侧div宽度为30px意味着中心div需要左边距为30px;

这真的只是来自这里的数学。

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

Answer 2

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