我有以下代码:
div.leftnav { overflow: auto ; height: 50% ; }
当我设置这个类的一个大div时,它不起作用(它不会显示滚动条,也不会将其调整为50%,但如果我使用它,它会完美地工作
height: 400px ;
或者其他一些“绝对”价值.
解决方法
height仅在父元素具有高度指令时才有效.
所以说你有非常简单的标记:
<html> <body> <div class="leftnav"> really long text </div> </body> </html>
那么以下CSS将适合您:
div.leftnav { overflow: auto ; height: 50%; } html,body { height:100%; }
你需要一直有高度指示.如果其中一个父元素上缺少高度指令,则100%对div不起任何意义.如果您无法访问树中的所有元素,那么您将需要一个具有固定高度的父元素:
<div class="leftnav-container"> <div class="leftnav"> really long text </div> </div>
那你需要这个css:
div.leftnav { overflow: auto ; height: 50%; } div.leftnav-container { height : 500px; }