内容简介：你必须指定一个固定的高度,你不能使用100％,因为没有什么可以比较,如在height = 100％的什么？编辑小提琴：
我有这个HTML结构：
<div id="body">
<div id="head">
<p>Dynamic height without scrollbar</p>
</div>
<div id="content">
<p>Dynamic height with scrollbar</p>
</div>
<div id="foot">
<p>Fixed height without scrollbar</p>
</div>
</div>
我想在主要部分(#body)中没有溢出的三个部分.所以我在中间需要一个滚动条.
我试过这个CSS：
#content{
border: red solid 1px;
overflow-y: auto;
}
和这个：
#content{
border: red solid 1px;
overflow-y: auto;
height: 100%;
}
但他们都不工作.
我在 JSFiddle 做了一个例子.
我可以只用CSS和HTML吗？我宁愿避免使用Javascript.
你必须指定一个固定的高度,你不能使用100％,因为没有什么可以比较,如在height = 100％的什么？
编辑小提琴：
http://jsfiddle.net/6WAnd/4/
代码日志版权声明：
翻译自：http://stackoverflow.com/questions/10980822/scrollbar-without-fixed-height-dynamic-height-with-scrollbar
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- html – 没有JavaScript,可以使border-radius等于总高度的一半？
- 认知的高度 = 人生的高度
- 父div高度不能自适应子div高度的解决方案
- Android XML灵活布局之 EditText实现自适应高度同时限制最小和最大高度
- iOS初级开发学习笔记：一个页面中自动计算cell的高度来自适应tableView的高度
- RN 踩坑：内容区域高度
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。