css导航栏很多怎么办,css导航栏的疑问
原因是设置了标签浮动以后，父元素没有被撑开，解决代码：
方案一：
设置为行内块元素
.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;
}
原因是设置了标签浮动以后，父元素没有被撑开，解决代码： 方案一： 设置为行内块元素 .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; }