CSS background-color对DIV没有影响

Question

你好,世界

为什么背景颜色不显示为黑色？我不能设置宽度和浮动,没有它们可能吗？

感谢您的时间.

Answer 1

由于外部div只包含浮动的div,因此它呈现0高度.给它一个高度或将其溢出设置为隐藏.

Answer 2

将其更改为:

<div style="background-color:black; overflow:hidden;" onmouseover="this.bgColor='white'">
<div style="float:left">hello</div>
<div style="float:right">world</div>
</div>

基本上外部div只包含浮点数.浮子从正常流动中移除.因此,外部div实际上没有任何东西,因此没有高度.它真的很黑,但你看不到它.

overflow:hidden属性基本上使外部div包含浮点数.另一种方法是:

<div style="background-color:black" onmouseover="this.bgColor='white'">
<div style="float:left">hello</div>
<div style="float:right">world</div>
<div style="clear:both></div>
</div>

哦,只是为了完整性,你应该更喜欢类来引导CSS样式.