gpt4 book ai didi

css - 第一个元素的 margin-bottom 为 10px,第二个元素的 margin-top 为 10px,这个 margin-top 只有在我输入的值大于 margin-bottom 时才有效,为什么?

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

我不知道,但是 li 元素的 margin-top 只有在它大于 h2 元素的 margin-bottom 时才会起作用,我想知道为什么?

<h2 style="padding:0px; margin:0; height:30px; line-height:30px; background-color:#FF0000; font-size:18px; font-family:Arial; margin-bottom:10px;">Test1</h2>
<ul style="list-style:none; padding:0; margin:0;">
<li style="height:50px; line-height:50px; background-color:#00FF00; font-size:12px; font-family:Arial; margin-top:10px;">Test2</li>
</ul>

谢谢。

最佳答案

您所描述的听起来很像collapsing margins

我建议看看 http://reference.sitepoint.com/css/collapsingmargins因为详细介绍了该问题以及解决问题的方法。

关于css - 第一个元素的 margin-bottom 为 10px,第二个元素的 margin-top 为 10px,这个 margin-top 只有在我输入的值大于 margin-bottom 时才有效,为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12728636/

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