原因是设置了标签浮动以后,父元素没有被撑开,解决代码:
方案一:
设置为行内块元素
.nav {
list-style-type: none;
margin: 0;
padding: 0;
background-color: aquamarine;
}
ul.nav a {
display: inline-block;
height: 2em;
line-height: 2em;
}
方案二:
对
的after清除浮动.nav {
list-style-type: none;
margin: 0;
padding: 0;
background-color: aquamarine;
}
ul.nav a {
float: left;
display: block;
height: 2em;
line-height: 2em;
}
li:after{
content: "";
clear: both;
display: block;
}