html – 没有固定高度的滚动条带滚动条的动态高度

概述我有这个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="f 我有这个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/

总结

以上是内存溢出为你收集整理的html – 没有固定高度的滚动条/带滚动条的动态高度全部内容，希望文章能够帮你解决html – 没有固定高度的滚动条/带滚动条的动态高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。