<html>
<body>
<div style="display: inline; background-color: #555;">
<h3>test</h3>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这是我的代码.我想知道为什么我的背景颜色没有显示.如果我将css显示从内联更改为阻止,则会显示.如果显示是内联的,为什么不显示?我试图了解问题的原因,而不是寻找解决方案.
如果它是内联的,div不会占用空间.如果你想要一个显示为孩子高度的内联元素,那么使用display: inline-block;.
至于一个很好的讨论,我相信QuirksMode比我自己更好.要点是inline元素不会将其他元素排除在外.