解决办法:解决办法是,fixed父容器不设置高度,则高度由子元素决定`
nav{
background-color: darkred;
position: fixed; //此时没有给nav设定高度
top: 0;
width: 100%;
}
nav ul{
margin-top: 0;
margin-right: 100px;
}
nav ul li{
float: right;
list-style-type: none;
}
nav ul li a{
display: block;
text-align: center;
line-height: 80px;
width: 200px;
height: 80px; //子元素设定高度为80px 。则nav的高度即为80px。后续还有其他元素的高度设置,只要比80Px大的nav就会随之改变
color: white;
font-size: 34px;
text-decoration: none;
}