浮动div重叠

Question

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

http://jsfiddle.net/H23du/

存在的什么是错的预览。

谁能帮助，我可以解释任何东西如果需要更多。尽管JSfiddle完美地显示了这个问题。

Answer 1

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

人体工程学，左侧的div与30PX的宽度将意味着中心格需要的30像素的左边缘;

它实际上只是归结为数学从这里开始。现在

，如果浮动与相对定位的div，而不是将它们固定，这将是一个不同的故事。

Answer 2

Try：width:25%; and padding: 0px 0px 0px 60px; and text-align: justify; in #bodyline。