0

したがって、Bootstrap タブを使用しているプロジェクトに取り組んでいます。これらのタブの 1 つの内部には、左側に薄いタブ コントロールがあり、右側に別のタブ コントロールがあります。

これで、内側のタブが画面の右側の残りの幅を埋めなくなり、大きな隙間ができてしまいます。(下図)

ここで、赤い矢印でマークされたギャップをなくし、内側のタブでそのスペースを埋めたいと思います。

ここに画像の説明を入力

外側のタブ グループ内で実際に HTML がどのように見えるかを次に示します。

<div id="container">
<div id="leftpane">
    <div id="circles-active" class="circle">
        // Display Graph
    </div>      
</div>
<div id="rightpane">
    <div id="rightpane-inner">
                // Display Inner Tab Group  
    </div>
</div>
</div>
4

1 に答える 1

1

CSS を見ないと、何がタブの内部セットを押し上げているのかを判断するのは困難です。

の CSS を使用marginまたは設定している場合、これが問題を引き起こす可能性があります。margin-rightrightpane

このフィドルは、ヘッダーと左ペインを固定し、画面の残りの部分をページとともにスクロールする方法を示しています。

于 2012-12-19T22:45:36.833 に答える