<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也用百分比四叶草姑娘