<div class="container nav">
<ul>
<li>首页</li>
<li>子页面</li>
<li>子页面</li>
<li>子页面</li>
<li>子页面</li>
</ul>
</div>
<style>
.nav{
border:1px red solid;
width:80%;
height:100px;
}
ul{
list-style-type: none;
width:100%;
height:100%;
border:1px black solid;
}
ul>li{
float: left;
}
</style>
我是想写个导航，这里用了bootstrap，我想问的是：1.当我最外层的div(.nav)宽高设置百分比时，宽度的百分比有效，而高度百分比无效，是不是说明宽度这个时候只能用内容撑起来？（因为宽高设为px时都会有效）2.div(.nav)是ul的父元素，当我给ul设置高度为100%时也无效，只有当div设置px，ul设置100%才会有效。。。所以这个问题该怎么解决。我是想给div的宽高都用百分比来表示，自然ul也是相对于父元素div也用百分比
1 回答
四叶草姑娘
TA贡献8条经验 获得超3个赞
最外层的div(.nav)高度百分比无效是因为，其父元素（<body>）的高度理论上是无限延伸的，不管是20%还是80%，对于无限来讲都是没有意义的。但是具体数值（比如px）就十分确定了。
同上，当你确定了div(.nav)的高度，<ul>的高度自然可以用百分比了。
想把这些高度都用百分比实现？很简单，先设定<body>的具体高度吧。
- 1 回答
- 0 关注
- 3466 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消