css方面的，菜鸟一个，想知道，为什么给a标签添加绝对定位，父标签的背景颜色没有了。
<!DOCTYPE><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><tit...
<!DOCTYPE >
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><style type="text/css">#nav{ width:500px; margin:0 auto; background:#3F0; position:relative; }ul{ list-style:none; margin:0; padding:0;}li{ padding-left:20px; float:left;}#a1{ position:absolute; right:20px; }</style>
<body><div id="nav"><ul><li><a href="#">fffff</a></li><li><a href="#">fffff</a></li><li><a href="#">fffff</a></li></ul><a id="a1" href="www.baidu.com">更多>></a></div>
</body></html> 展开
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><style type="text/css">#nav{ width:500px; margin:0 auto; background:#3F0; position:relative; }ul{ list-style:none; margin:0; padding:0;}li{ padding-left:20px; float:left;}#a1{ position:absolute; right:20px; }</style>
<body><div id="nav"><ul><li><a href="#">fffff</a></li><li><a href="#">fffff</a></li><li><a href="#">fffff</a></li></ul><a id="a1" href="www.baidu.com">更多>></a></div>
</body></html> 展开
展开全部
因为你的ul里的li已经左浮动脱离了文档流，如果你的a标签也绝对定位脱离文档流，那么#a1的父标签里就等于什么也没有了，在火狐里父标签没有东西包含就会没有高度，所以看上去就没有背景颜色了。
你可以用firebug看看#nav的“布局”，宽高是500 x 0
你可以在#nav里加一句 overflow:hidden; 就可以了
你可以用firebug看看#nav的“布局”，宽高是500 x 0
你可以在#nav里加一句 overflow:hidden; 就可以了
追问
谢谢，有用了，不过加上overhidden时，ul标签添加的list-style=none没用了，要改成li标签的list-style:none。晕呐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
