html – 为什么我的背景颜色不显示我是否有显示:内联?

前端之家收集整理的这篇文章主要介绍了html – 为什么我的背景颜色不显示我是否有显示:内联?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<html>
    <body>
       <div style="display: inline; background-color: #555;">
            <h3>test</h3>
       </div>
    </body>
</html>

这是我的代码.我想知道为什么我的背景颜色没有显示.如果我将css显示从内联更改为阻止,那么它就会显示出来.如果显示是内联的,为什么不显示?我试图了解问题的原因,而不是寻找解决方案.

解决方法

如果它是内联的,div不会占用空间.如果你想要一个显示为子节点高度的内联元素,那么使用display:inline-block;.

至于一个很好的讨论,我相信QuirksMode比我自己更好.要点是内联元素不会将其他元素排除在外.

猜你在找的HTML相关文章