Почему цвет фона не отображается?

Question

Я пытаюсь сделать DEMO html и css. Я даю цвет фона div он отлично работает. Однако, когда я предоставляю свойство position своим дочерним элементам, свойство цвета фона не работает. Зачем?

Пример, когда я удалить это свойство в ул цвет фона display.But, когда я применяю эту недвижимость ул то цвет фона не отображается, почему?

ul{ 
position:absolute; 
right:0px; 
} 

код

<div style="background:blue;position:relative"> 
<ul><li><a></a>aa</li><li><a>h</a></li></ul> 

</div> 

Answer 1

При всем содержимым Див позиционируется совсем, ДИВ фактически не имеют высоту. Вам нужно будет вручную установить высоту div.

Подобное происходит, если содержимое div все плавает; однако обходным путем для этого является использование overflow:hidden; на содержащем div. Вы можете увидеть демонстрацию этого на this fiddle. Это на самом деле дает результат, который, как я предполагаю, вы пытались достичь.

<div style="background:blue;position:relative;overflow:hidden;"> 
    <ul><li><a></a>aa</li><li><a>h</a></li></ul> 
</div> 



ul{ 
    float:right 
}