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

<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

上一篇:laragon配置fastadmin伪静态


下一篇:使用LNMP环境搭建你的个人博客!(Ubuntu+Nginx+MariaDB+PHP+Typecho)