0

左に浮かぶdivがあります。その右側に<ul class='nav nav-tabs'>.

ナビゲーション リストを左にフロートさせると、リストの下の境界線がナビゲーション オプションの下にのみ拡張されることを除いて、問題ないように見えます。画面の残りの部分に拡張するにはどうすればよいですか? (つまり、ずっと右に)。

リストを左にフロートさせないと、タブは正しい場所に留まりますが、下の境界線はビューポートの 100% に収まり、左のナビゲーションの下に移動します。

これがJSフィドルです:http://jsfiddle.net/kimprince/TCEPE/

ありがとう!

4

2 に答える 2

2

右側の列を左側にフローティングする代わりに、overflow:hidden (または auto) を追加して、新しいブロック フォーマット コンテキストをトリガーします。

これにより、右側の列が残りの水平スペースを効果的に占有します。

ここでこれがどのように機能するかについての完全な説明を見つけることができます

#right-col
{
  overflow:hidden;
}

フィドル

于 2013-09-30T06:07:09.070 に答える
1

こんにちは、col-lg-4 のような col- クラスを使用することをよく理解していませんでした。回避できる場合は、独自のフロートを追加しないでください。左にフロートするにはクラス pul-left を使用し、右にフロートするにはプル ライトを使用します。

また、私のようなオンライン エディターで動作するブートストラップのヘッド リンクを取得するには、HTML という単語の横にあるアイコンをクリックします。

http://codepen.io/CarraraWebsiteSolutions/pen/JFebh

于 2013-09-30T06:00:14.867 に答える