Question

我有一个网站通过加入body标签的bg和div标签'bgs来完成布局。但是，根据您使用的浏览器和操作系统，由于滚动条，它们似乎无法准确匹配。（我已经通过添加overflow：hidden;测试了body元素以及完美匹配的所有内容）

有没有办法解决这个问题？

差距小到这个：

<body>
<div id="content">
<div id="contentL>
...
</div>
<div id="contentR">
...
</div>
<div style="clear:both;"></div>
</div>
</body>

body{ background:url('bg.jpg') top center no-repeat #000; }
#content{ width:980px; margin:0 auto; }
#contentL{ width:220px; padding:20px; float:left; background:url('left.jpg'); }
#contentR{ width:680px; padding:20px; float:right; background:url('right.jpg'); }

由于

Answer 1

我认为你的意思是你在使用IE时在两个内部内容div之间存在差距。如果是这样，这是由于IE和其他浏览器之间的盒子模型不同 - IE在宽度内包含你的填充，而其他浏览器将它添加到宽度的外面。

所以你的修复就是删除填充。但也许你仍然希望在div的内容之间进行一些分离。为此，您可以在内容L＆amp;内添加另一个div。 R div然后在它们上面填充 - 不要在那些内部div上放置特定的宽度，因为那时你有相同的问题，但只是确保它们是显示块，这就是它们的方式' ll在所有浏览器中使用宽度内的填充占用可用宽度。

我就是这样做的，但可能有更好的方法，包括特定的样式表和盒子模型黑客 - 只需谷歌获取盒子模型的信息和处理IE。

Div bg与Body bg不匹配

1 个答案: