div x inside mutilple divs cant expand its height specified in %?_问答_开发者

div x inside mutilple divs cant expand its height specified in %?

开发者 https://www.devze.com 2023-02-05 17:26 出处：网络

i have a sidebar having many nested divs to place my rounded corrners.but when i tried to set the content\'s div height equal to 90% its not expanding.what is the issue.my html,body have 100% height.m

相关专题：css height

i have a sidebar having many nested divs to place my rounded corrners.but when i tried to set the content's div height equal to 90% its not expanding.what is the issue.my html,body have 100% height.my div nest is some what like this.

<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 ma开发者_如何学Cin 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>

have you considered applying rounded corners with just css and not worrying about the ieretards not having them?

When having so much nested div, it's good you consider the measurement in width and height of the DIV if the container div is lesser that the ones inside it, it won't stretch,because that way, the browser can't detect how far the div is meant to stretch. to resolve this use make proper use of CSS.