2

div 幅をブラウザのデフォルト幅として設定する必要があります。この div には 'ul' 要素と 'li' 要素が含まれています。div の幅を大きくする必要があります。'li' コンテンツが増加し、ブラウザが最小化されている場合も、この li 要素が下がらないようにする必要があります (現在発生しています)。代わりに、ブラウザは水平バーを提供する必要があります。何か助けはありますか？

分割構造は

<div style="position:relative;border:1px solid red; line-height:16px;width:100%">
    <ul style="position:relative;background:green;height:30px; width:100%;list-style:none; margin:0;">
        <li style="position:relative; display:inline-block; padding-left:20px; float:left; background:red" >Welcome</li>
        <li style="position:relative; display:inline-block; padding-left:20px; float:left; background:red" >Welcome</li>
        <li style="position:relative; display:inline-block; padding-left:20px; float:left; background:red" >Welcome</li>
        <li style="position:relative; display:inline-block; padding-left:20px; float:left; background:red" >Welcome</li>

    </ul>

</div>
4

6 に答える 6

6

こんにちは、このように表示プロパティを使用しました

ul li{
display:inline-block;
}

ライブデモはこちらhttp://jsfiddle.net/cL9FB/

于 2012-05-29T07:53:52.737 に答える
0

何をしたいのかよくわかりませんが、頑張ります。div幅をパーセンテージで入力する必要があると思います

div {
  width: 100%;
}

そして、他のすべての要素もパーセンテージで幅を持っている必要があります

于 2012-05-29T07:51:09.113 に答える
0

すべての要素 (特に<li>) の幅の値をピクセルではなくパーセンテージで設定します。たとえば、5 li の場合は、幅を 20% にします。親の幅は 100% にする必要があります

于 2012-05-29T07:54:27.410 に答える
0

解像度、ブラウザーのサイズ、またはデバイスに関係なく、基本的なデザイン、形状、およびコンテンツのレイアウトを維持する流動的なレイアウトが必要です。正直なところ、これには流動的なレイアウトが最適であり、多くのオープンソース ソリューションがあります。

これを見てください http://cssgrid.net/

于 2012-05-29T08:20:32.403 に答える
0 
div {
    width:auto;
}

仕事が終わりました。

于 2012-05-29T09:00:04.100 に答える