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

前端之家收集整理的这篇文章主要介绍了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">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相关文章