Bootstrap3 navbar-fixed-topの高さ

Question

私はプロジェクトでnavbar-fixed-topとbootstrap3を使用しています。上記のnavbarには、高さが約700pxのDIVがあり、これはこの700pxのためにnavbar全体を伸ばし、内容をカバーします（私はメインコンテナの入力をクリックすることができません）。

誰かがオーバーフローパラメータを正しく設定するのを助けることができるので、navbar内の要素はnavbar全体を伸ばしませんが、その外側に留まりますか？

<nav class="navbar navbar-default navbar-fixed-top"> 
... 
<my-custom-widget></my-custom-widget> <!-- this is the widget with height of 700px --> 
... 
</nav> 

ありがとうございます。

G.

Answer 1

あなたは、あなたは絶対にそのウィジェットの位置属性を設定するか、または固定され、あなたが特大からそれを防ぐためにしたいならば、あなたは、CSSのoverflowプロパティを使用することができますすることができます任意のカスタムウィジェットを作成している場合

例えば、このペンをチェックアウトすることは

my-custom-widget{ 
    position: absolute; 
    top: 0; 
    right: 0; 
} 

https://codepen.io/anon/pen/XaezNr

Answer 2

あなたは、ナビゲーションバーとの固定の高さを設定することができますnオーバーフローを隠して設定します。あなたの問題を解決するはずです。しかし、そのナビゲーションバーにドロップダウンメニューがある場合は、隠れたオーバーフローのためにサブメニュー項目が表示されなくなります