html – 如何设置div使用高度的某个百分比,同时使用overflow:au
发布时间:2020-12-14 19:40:56 所属栏目:资源 来源:网络整理
导读:我有以下代码: div.leftnav { overflow: auto ; height: 50% ;} 当我设置这个类的一个大div时,它不起作用(它不会显示滚动条,也不会将其调整为50%,但如果我使用它,它会完美地工作 height: 400px ; 或者其他一些“绝对”价值. 解决方法 height仅在父元素具有
我有以下代码:
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; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |