html – 如果父级具有相对高度,如何在子div上强制滚动条？

概述我试图解决的问题很简单,但我发现很难用CSS技术实现我想要的东西. 我想要的是有一些父级div,其高度设置为相对值(如：100％或30％).请不要问为什么我需要它,因为这只是一个部分和解释整个布局超出了这个问题. 在这个父级内部,我需要一个标题h1后跟包含大量文本的子div.最重要的是,我只需要在子div内部设置滚动条,这样标题将始终保持连接到容器的顶部. 标记： <div class="wrap 我试图解决的问题很简单,但我发现很难用CSS技术实现我想要的东西.

我想要的是有一些父级div,其高度设置为相对值(如：100％或30％).请不要问为什么我需要它,因为这只是一个部分和解释整个布局超出了这个问题.

在这个父级内部,我需要一个标题h1后跟包含大量文本的子div.最重要的是,我只需要在子div内部设置滚动条,这样标题将始终保持连接到容器的顶部.

标记：

<div >    <h1>Test</h1>    <div >        Lorem ipsum (... lots of text)    </div></div>

(不)工作小提琴：
http://jsfiddle.net/CodeConstructors/BEVSS/

解决方法 你想要实现 this的东西吗？
HTML

<div >     <div >          header     </div>     <div >          Lorem ipsum (... lots of text)     </div></div>

CSS

HTML,body {    height: 100%;    margin: 0px;    padding: 0px;}.wrapper {    wIDth: 400px;    height: 100%;    background-color: #fec;    margin: auto;    position: relative;}.header {    height: 40px;    background-color: green;    color: #fff;}.content {    position:absolute;    bottom:0px;    top: 40px;    wIDth:100%;    overflow: auto;    background-color: #333;    color: #666;}

总结

以上是内存溢出为你收集整理的html – 如果父级具有相对高度,如何在子div上强制滚动条？全部内容，希望文章能够帮你解决html – 如果父级具有相对高度,如何在子div上强制滚动条？所遇到的程序开发问题。

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