1

<ul>ナビゲーションとして使用しているものがあります。画面が十分に小さくなると、ナビゲーションアイテムのテキストの一部が2行になります。これは問題ありません。ただし、まだ1行にあるナビゲーションアイテムを、の高さ全体に拡張したいと思い<ul>ます。

例としてhttp://jsfiddle.net/quasipickle/msTDe/-右側の(CSS / Result)列が十分に小さくなると、「AB BC」テキストが2行に分割されますが、最初の項目は成長しないでください。

この問題は特定のブレークポイントで発生するため、必要に応じて高さを明示的に設定できますが、可能であれば自動的に発生させたいと思います。

4

2 に答える 2

2

私が知っている唯一の方法はheight:100%<li>要素を使用できることですが、高さを固定する必要があります。<ul>そうしないと機能しません。

残念ながら、達成しようとしているのは、要素を引き伸ばして親の幅を埋めようとするときの簡単な動作ですが、高さでは同じようには機能しません。

于 2012-05-30T16:02:37.433 に答える
0

高さを固定してやりました。

ul{ width:100%; height:40px;background:red; overflow:auto;position:relative;}
ul li{ position:relative; float:left; background:green; padding:0 3px;height:100%;}
ul li:nth-child(3){ width:10%; }​
于 2012-05-30T16:14:01.670 に答える