0

我有一个网站，通过加入 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'); }

谢谢

4

1 回答 1

0

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

所以你的解决方法是删除填充。div但也许您仍然希望在这些s的内容之间进行一些分离。为此，您可以在内容 L 和 R 中添加另一个 div div，然后在它们上添加填充 - 不要在这些内部divs 上放置特定宽度，因为那样您会遇到同样的问题，但只需确保它们是显示块，就是这样它们将在所有浏览器的宽度内填充可用宽度。

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

于 2013-03-13T08:14:12.700 回答