0

上部にナビゲーションバーがあるページがあります。ナビゲーションバー内には、2セットのメニュー（ul）があります。1つのセットは左にフロートし、もう1つのセットは右にフロートします。次に、メニュー全体の下に、フロー内のコンテンツがあります。

問題は、ナビゲーションメニューに動的コンテンツが含まれることです。したがって、次のことを行う必要があります。

  • コンテンツが成長するにつれて、コンテンツを押し下げます
  • 高さを固定することはできません。

これを達成する方法はありますが、メニューの「効果」がページの反対側に浮かんでいますか？

4

2 に答える 2

2

overflow: auto;DIVまたは2つのナビゲーションULの周囲にあるコンテナ要素に 追加します。

#header { overflow: auto; }

<div id="header">
 <ul id="primaryNav">...</ul>
 <ul id="secondaryNav">...</ul>
</div>

<div id="content">...</div>
于 2011-03-22T02:35:11.100 に答える
0

このcssを使用して、それらのUL（ナビゲーションバー）クラスの親を指定しますclearfix。このように、固定の高さを指定する必要はなく、コンテンツが押し下げられます。

必要なCSS：

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
于 2011-03-22T00:39:21.117 に答える