HTML – 如何将我的侧边栏扩展到页面的整个高度？

概述jsFiddle <div id="wrapper" class="container-fluid"> <div class="row-fluid"> <div class="span12"> <div class="span2 sidebar">sidebar</div> <div class="span10 content jsFiddle

<div ID="wrapper" >    <div >        <div >            <div >sIDebar</div>            <div >content</div>        </div>    </div></div>

在过去的几个小时里,我一直在寻找谷歌,试图寻找解决方案.我不认为我可以做Faux Columns,因为该站点是基于bootstrap构建的,因此侧栏宽度将根据浏览器的宽度而变化.

解决方法 您必须先将HTML和body设置为height：100％.然后,如果您没有导航栏,也可以使用侧栏到高度：100％.

如果您使用的是非固定导航栏,则必须使用绝对定位.

无论如何绝对定位是解决这个问题的另一种方法.将body和HTML的高度设置为100％后,设置bottom：0和top：0,以及position：absolute.并且您必须知道绝对定位是相对于具有position：relative的关闭父级计算的.

总结

以上是内存溢出为你收集整理的HTML – 如何将我的侧边栏扩展到页面的整个高度？全部内容，希望文章能够帮你解决HTML – 如何将我的侧边栏扩展到页面的整个高度？所遇到的程序开发问题。

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