Jquery 为什么背景色不显示?
我正在尝试使用html和css。我给div添加了背景色,效果很好。但是,当我将position属性赋予其子对象时,background color属性不起作用。为什么? 例如,当我在背景色显示中删除此属性时。但当我将此属性应用于ul时,背景色不显示为什么Jquery 为什么背景色不显示?,jquery,css,html,Jquery,Css,Html,我正在尝试使用html和css。我给div添加了背景色,效果很好。但是,当我将position属性赋予其子对象时,background color属性不起作用。为什么? 例如,当我在背景色显示中删除此属性时。但当我将此属性应用于ul时,背景色不显示为什么 ul{ position:absolute; right:0px; } 代码 <div style="background:blue;position:relative"> <ul><li><a>
ul{
position:absolute;
right:0px;
}
代码
<div style="background:blue;position:relative">
<ul><li><a></a>aa</li><li><a>h</a></li></ul>
</div>
- aa
- h
由于div的所有内容都是绝对定位的,因此div实际上没有高度。您需要手动设置div的高度
如果div的内容都是浮动的,则会发生类似的情况;但是,解决方法是使用overflow:hidden代码>在包含的div上。您可以在上看到此功能的演示。它实际上产生了我认为你想要达到的结果
<div style="background:blue;position:relative;overflow:hidden;">
<ul><li><a></a>aa</li><li><a>h</a></li></ul>
</div>
ul{
float:right
}
- aa
- h
保险商实验室{
浮球:对
}