下面代码<div id="head">......</div>背景色无效？

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"""><html><head><metahttp-equi... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<style type="text/css">
body{
background:#999999;
margin:0px;
padding:0px;
}

#head {
position:relative;
left:100px;
width:1024px;
background:#ff0000;
color:#ffffff;
}
.toptitle{
width:50px;
color:#ffffff;

}
.toptitle:hover {
background:#ffffff;
color:red;
}
ul {
list-style:none;
}
li{
float:left;
}

</style>
<body>
<div id="head">
<ul>
<li><a class="toptitle" href="">菜单一</a></li>
<li><a class="toptitle" href="">菜单一</a></li>
<li><a class="toptitle" href="">菜单一</a></li>
<li><a class="toptitle" href="">菜单一</a></li>
<li><a class="toptitle" href="">菜单一</a></li>
<li><a class="toptitle" href="">菜单一</a></li>
</ul>
<div style="float:right" >在在在在在在在在在在在在在在在在</div>
</div>
</body>
</html> 展开

 我来答

3个回答

#热议# 普通体检能查出癌症吗？

谭昌廷
2013-04-16

知道答主

回答量：32

采纳率：0%

帮助的人：9.5万

我也去答题访问个人页

关注

展开全部

不是无效，而是你写了body的背景色，他们盖住你所需要的，你把背景换咯就好了

已赞过 已踩过<

评论收起

55starting
2013-04-16 · TA获得超过489个赞

知道答主

回答量：137

采纳率：0%

帮助的人：105万

我也去答题访问个人页

关注

展开全部

将#head {
position:relative;
left:100px;
width:1024px;
background:#ff0000;
color:#ffffff;
}
这个样式添加   height:20px;

事实上你的<div id="head">这个div的高度是0px；为什么？因为他的子元素都应用了float这个属性，那么子元素的内容就不在原有的层中了，所以导致<div id="head">的实际高度是0px，你可以不添加height：20px;这个属性，将float属性去掉再看一下效果

本回答被提问者采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

75384220
2013-04-16 · TA获得超过546个赞

知道小有建树答主

回答量：705

采纳率：0%

帮助的人：271万

我也去答题访问个人页

关注

展开全部

把你的背景换个颜色试试,, 换 #000

已赞过 已踩过<

评论收起

更多回答（1）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

下面代码<div id="head">......</div>背景色无效？

为你推荐：