大佬教程收集整理的这篇文章主要介绍了html – CSS – 绝对固定,带有溢出滚动和100％高度，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
http://codepen.io/intellix/pen/GBltK
section { BACkground: red; position: fixed; top:0; right:0; bottom:0; left:0; overflow-x:auto; } article { BACkground: blue; position: absolute; top:0; width:300px; bottom: 0; left: 0; }
如果我设置底部：0;在绝对元素上,它在页面不溢出时填充高度.页面溢出时会留下空隙.
当我使用bottom：auto在我的绝对元素上,它会溢出溢出的高度,但留下一个没有溢出的间隙！
如果您调整窗口大小以使内容适合然后调整大小以使内容不适合,您可以看到它在两种情况下都不起作用.
article { BACkground: blue; position: absolute; top:0; width: 300px; bottom: auto; min-height: 100%; left: 0; }
你需要最小高度的原因：100％;并且不能使用高度：100％;是因为当滚动的部分内容时它的高度实际上大于100％.
更长的探索：
对于定位(位置：相对|固定|绝对;)元素,基于百分比的高度是相对于其偏移父项确定的.在article元素的情况下,它的偏移父元素是section元素.
section元素使用top：0px;和底部：0px;确定它的高度.这些值由它的偏移父级(html元素)的高度决定
html是一个特殊情况,其中身高：100％;是可视窗口的大小,这就是您的可滚动元素的高度大于100％的原因.
以上是大佬教程为你收集整理的html – CSS – 绝对固定,带有溢出滚动和100％高度全部内容，希望文章能够帮你解决html – CSS – 绝对固定,带有溢出滚动和100％高度所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。