为什么背景颜色不显示？

Question

我正在尝试制作html和css的DEMO 。我给背景颜色 div 它工作正常。但是，当我向其子项提供position属性时，背景颜色属性不起作用。为什么？

我在 ul 背景颜色显示中移除此属性的示例。但是当我将此属性应用于 ul 时，背景颜色不显示原因？

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实际上没有高度。您需要手动设置div的高度。

如果div的内容全部浮动，会发生类似的事情;但是，解决方法是在包含div上使用overflow:hidden;。您可以在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
}