gpt4 book ai didi

css - Body Margin :0, Div Width :100% problem in FF and Chrome, 在 IE 中正常

转载 作者:太空宇宙 更新时间:2023-11-03 22:09:09 24 4
gpt4 key购买 nike

我开始拔头发了......

我有以下内容:

<html>
<head>
<style>
body { margin:0 auto; }
</style>
</head>
<body>
<div style="border: solid 1px red; width: 100%;">test</div>
</body>
</html>

这在 IE 中有效,产生一个漂亮的 div,100% 宽度,没有 H 滚动条...

现在在 Chrome 和 FF 中,它比窗口宽 1px,导致出现 H 滚动条...

这是为什么呢?我应该改用什么?

非常感谢!阿尔伯特

编辑:

我添加了 div { margin: 0; } 到头部并删除 width: 100% 并且它起作用了,谢谢。

最佳答案

border 位于 width 之外,因此您得到 100% + 2px。只需删除 width 属性——div 默认为 100% 宽。

关于css - Body Margin :0, Div Width :100% problem in FF and Chrome, 在 IE 中正常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2552348/

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