繁体   English   中英

全高固定的左侧边栏实现

[英]Full-height Fixed Left Sidebar implementation

我正在尝试使用Twitter Bootstrap和Fluid Layout实现以下方案:

  • 左侧边栏 (我不在乎宽度是否固定)-占据整个高度(根本没有边距,就像jsfiddle.net的边栏一样
  • 内容的最右边部分将占据窗口的其余部分(流体)

我已经尝试过像这样设置它,但是它绝对不起作用(到处都有边距,并且列肯定不占据所有垂直空间 ):

<div class="container-fluid" style="">
    <div class="row-fluid" style="">
        <div class="span3" style="">
        </div>

        <div class="span9" style='background:#fff;'>
        </div>
    </div>
</div>

有任何想法吗? 您将如何处理?

不太确定,但我认为这可能有效...

将高度:100%放在页面的html和body元素上。

然后为您要成为页面全高的元素设置最小高度:100%

希望能有所帮助。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM