用了div+float背景不能显示了，求解
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了用了div+float背景不能显示了，求解相关的知识，希望对你有一定的参考价值。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>头部</title>
<link rel="stylesheet" type="text/css" href="css/head.css" />
</head>
<body>
<div id="head">
<div id="logo"></div>
<div class="menu">
<ul>
<li class="li"><a href="car.html">购物车</a></li>
<li class="li"><a href="help.html">帮助中心</a></li>
<li class="li"><a href="javascript：void(0)；" onClick="addFav();">加入收藏</a></li>
<li class="li"><a href="JavaScript：void(0)；" onClick="setHome(this);">设为首页</a></li>
<li class="li"><a href="login.html"><input type="button" value="登陆"/></a></li>
<li class="li"><a href="register.html"><input type="button" value="注册"/></a></li>
</ul>
</div>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
#head
background:url(../image/1.jpg);
#logo
background:url(../image/1.jpg);
.menu
width:45%;height:28px;float:right;padding:10px 0px 0px 0px;
.menu ul lifloat:left;font:12px/28px 宋体;padding:5px 10px 0px 10px
关于背景不显示的原因
这里就不在真对你的文件来回答，笼统的说一下，自己找原因吧
没有高度，或者是没有设置宽度长设置了浮动
非块显示标签 背景显示不全，如 span, a , i 等必须设置DISNPLAY:BLOCK属性并加上高度才可以显示背景
背景区子元素设计了浮动，背景显示不全或者不显示，须加属性overflow:hidden
设置决定定位的元素 背景不显示或者显示不全，加属性宽 高即可
总结：绝大多数是应该没有定义高度，如果高度一定不能定死，可按上面说的来解决即可@
应该还有其它的问题，这里是常见的就总结到这里
本回答被提问者采纳以上是关于用了div+float背景不能显示了，求解的主要内容，如果未能解决你的问题，请参考以下文章
我在外层div里面已经设置了背景颜色为白色，为啥里面的div撑开后，ie8显示的时候背景颜色没有了！
css设置背景颜色了，为什么没出来，在设计里有，在网页中就没有？求解