gpt4 book ai didi

html - CSS Padding 在

标签上移动超过 1 个像素

转载 作者:太空宇宙 更新时间:2023-11-04 14:18:26 25 4
gpt4 key购买 nike

我不明白为什么 padding-top: 0pxpadding-top: 1px;移动 <h1>元素超过 1 个像素。进一步增加它,例如 2 个像素,将得到预期的结果。

CSS

.pageholder {
padding: 15px;
padding-top: 0px;
//padding-top: 1px;
background-color: white;
}

HTML

<div id="content">
<div class="pageholder">
<h1>Add item link</h1>
</div>
</div>

...aa 最后,一个 jsfiddle 问题:http://jsfiddle.net/xbAqC/

(去掉//看看区别)

最佳答案

在内部 div 上填充可防止 margin collapse . <h1> 的默认上边距正在与 <body> 一起崩溃没有填充时的边距。填充可以防止这种情况。

您可以通过删除 <body> 来查看差异 margin :http://jsfiddle.net/xbAqC/2/

关于html - CSS Padding 在 <h1> 标签上移动超过 1 个像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19161293/

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