gpt4 book ai didi

html - Div bg 与 Body bg 不匹配

转载 作者:行者123 更新时间:2023-11-28 13:12:14 24 4
gpt4 key购买 nike

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

谢谢

最佳答案

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

因此,您的解决方法是删除填充。但也许您仍希望将这些 div 的内容分开。为此,您可以在内容 L 和 R div 中添加另一个 div,然后在它们上面填充 - 不要在那些内部 div 上放置特定宽度,因为这样你有同样的问题,但只要确保它们是显示 block ,这就是它们如何在所有浏览器中使用宽度内的填充占用可用宽度。

这就是我的做法,但可能有更好的方法,包括特定样式表和盒子模型 hack - 只需谷歌搜索有关盒子模型和处理 IE 的信息。

关于html - Div bg 与 Body bg 不匹配,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15378177/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com