<html>
<body>
<div style="display: inline; background-color: #555;">
<h3>test</h3>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这是我的代码.我想知道为什么我的背景颜色没有显示.如果我将css显示从内联更改为阻止,则会显示.如果显示是内联的,为什么不显示?我试图了解问题的原因,而不是寻找解决方案.
当元素浮动时,不同的显示属性如何影响布局?或者,这些类之间有什么区别(如果有的话):
div.foo {
display: block;
float: left;
}
div.foo2 {
display: inline;
float: left;
}
div.foo3 {
display: inline-block;
float: left;
}
Run Code Online (Sandbox Code Playgroud)
编辑:
如果根据规范没有差异,那么某些过时版本的浏览器(ahem,IE)会以不同的方式呈现它们吗?