「HTML+CSS」包裹浮动元素,开发实例经验
伪元素
天生是inline元素
4
float最原始用法
->
->
.nav .list-item a{
font-weight: bold;
color: #f40;
height: 35px;
display: block;
padding: 0 10px;
}
.nav{
list-style: none;
}
.nav .list-item{
float: left;
margin: 0 10px;
height: 35px;
line-height: 35px;
border: 1px solid black;
}
.nav .list-item a:hover{
background-color: #f40;
color: #fff;
}
![](https://img2018.cnblogs.com/blog/1666113/201910/1666113-20191008005206131-1609412225.png)
只有在这个父级用完后清楚浮动流