码迷,mamicode.com
首页 > 其他好文 > 详细

li里的a标签浮动了,为什么li本身也浮动了?

时间:2015-12-01 16:31:05      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:

<ul>  
    <li><a href="#"></a></li>  
    <li><a href="#"></a></li>  
    <li><a href="#"></a></li>  
</ul>


ul {  
    list-style: none;  
}  

a {  
    display: block;  
    width: 130px;  
    height: 30px;  
    text-align: center;  
    color: #fff;  
    float: left;  
    background: #95CFEF;  
    border: solid 1px #36F;  
    margin: 30px 5px;  
}

要实现想要的效果 需要闭合浮动 li{overflow:hidden}
这是浮动的一个bug:非浮动元素包裹浮动元素 非浮动元素的height:auto失效 不能根据内容自动适应高度 相当于height:0px

li里的a标签浮动了,为什么li本身也浮动了?

标签:

原文地址:http://www.cnblogs.com/zhujiabin/p/5010411.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!