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上，所以側欄寬度將根據瀏覽器的寬度而改變。如何將我的側邊欄延伸至頁面的整個高度？

來源

2013-05-20 Derek

的可能重複[如何強制兒童事業部於母公司的股利的100％無指定家長的高度？（http://stackoverflow.com/questions/1122381/how-to-force-child-div-to-100 -of父母-DIV-不-指定父母，喚起注意） – iambriansreed

您必須首先將html和body設置爲height: 100%。然後，如果您沒有導航欄，也可以使用sidebar至height: 100%。

如果您使用的是不固定的導航欄，您必須使用absolute定位。

無論如何，絕對定位是解決這個問題的另一種方法。在將body和html的高度設置爲100％之後，設置bottom: 0和top: 0以及position: absolute。並且您必須知道absolute定位是相對於具有position: relative的關閉父項進行計算的。

來源

2013-05-20 21:49:54

如何將我的側邊欄延伸至頁面的整個高度？

jsFiddle

回答

相關問題