gpt4 book ai didi

css - 即使边距和填充为零,IE6 也会呈现间距

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

我创建了这个人为的示例来说明我的问题。有两个段落,中间有一个 div。 div 的高度和行高已设置为 0,所有边距也为 0。我希望这两个段落彼此相邻,与 div 完全没有任何间距,但在 IE6 中并非如此.它似乎在所有其他浏览器中都能正常工作。

这是内联了所有样式的 HTML:

<!DOCTYPE html>
<html lang='en'>
<head>
<title>Test</title>
</head>
<body>
<div id="container" style="border: 1px solid blue;">
<p style="margin: 0;">
Some text
</p>
<div style="height: 0; line-height: 0; margin: 0; border: 1px solid red;">
&nbsp;
</div>
<p style="margin: 0; border: 1px solid green">
Should be right below "Some text"
</p>
</div>
</body>
</html>

我添加了一些边框,这样您就可以更轻松地看到发生了什么。

这是 IE6 中发生的事情的屏幕截图:

alt text

关于如何摆脱 div 底部(红色)和段落顶部(绿色)之间的小空间有什么想法吗?

最佳答案

font-size:0; 添加到 div。那应该删除空格

关于css - 即使边距和填充为零,IE6 也会呈现间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4186188/

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