当前位置: 首页 > 工具软件 > Fixed Nav > 使用案例 >

前端学习——如何使得fixed的导航栏内的选项框高度和导航高度相等

庾和昶
2023-12-01

解决办法:解决办法是,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;
}

 类似资料: