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