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.

Answer 3

Без поплавков (и ненужных делений):

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

Если вы используете float, вы должны плавать внешний div и указывать ширину.

Answer 4

Это очень старый вопрос, но стоит добавить, что у меня только что была похожая проблема, когда цвет фона для элемента footer в моем случае не отображался. Я добавил position: relative, который работал.

Answer 5

Плавания не имеют высоты, поэтому содержащийся div имеет высоту ноль.

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

переполнение: скрытый очищает плавающее для большинства браузеров.

zoom: 1 очищает поплавок для IE.