divx里面的多个div不能扩展它在%中指定的高度?

时间:2011-01-21 07:21:25

标签: css html height

我有一个侧边栏有很多嵌套的div来放置我的圆形corrners。但是当我试图设置内容的div高度等于90%它不扩展。什么是issue.my html,身体有100%height.my div nest就是这样的。

<body>
<div class="main">                //it contains header n content div,its height is 90%
<div class="header"></div>        //its height is 10% of main div
<div class="content">             //its height is 90% of main div

<div class="vertical_navigation"> //its height is 99% of content div

<div><div><div><div>              //thses divs are for rounded corner image concept
<div> </div>                      //this div contains the data.now its height is 80% but its not expanding?h
                                  //i cant use min-height,its not working too.how to give height referenced to                                //vertical navi div??
</div></div></div></div>

</div>

</div>

</div>
<footer></footer>
</body>

2 个答案:

答案 0 :(得分:0)

您是否考虑过仅使用css应用圆角并且不担心没有它们的ieretards?

答案 1 :(得分:0)

当拥有如此多的嵌套div时,如果容器div小于其中的容器div,它会考虑DIV的宽度和高度的测量,它不会拉伸,因为这样,浏览器不能检测div的伸展距离。要解决这个问题,请正确使用CSS。