我有这个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％的什么？
编辑小提琴：
