4

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>

何か案は？これについてどう思いますか？

4

1 に答える 1

-1

完全にはわかりませんが、これでうまくいくと思います...

ページのhtml要素とbody要素にheight：100％を配置します。

次に、ページの全高にしたい要素にmin-height：100％を指定します。

お役に立てば幸いです。

于 2012-07-10T12:22:26.477 に答える