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;

}

• home
• likn
• joe

方案二：

对

的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;

}

• home
• likn
• joe