0

100%リストの幅を親の幅にしたい。これが私のコードです：

HTML:

<div id="page">
    <ul class="tab" >

        <li class="tab1">
            <a > Overview</a>
        </li>
        <li class="tab12">
            <a > Overview2</a>
        </li>
     </ul></div>

CSS:

body>#page {
    margin: 0 auto;
    width: 980px;
    text-align: left;
    padding-bottom: 20px;

}

width: 100%;ul要素で試しましたが、うまくいきません。どうすればできますか？

4

3 に答える 3

0

リストの幅自体は、すでに 100% の幅になっているはずです。<li>、<ul>および<div>すべてブロック レベルの要素であり、既定では幅の 100% を占める必要があります。

ただし、デフォルトで<a>はインラインwidthレベルの要素であるため、適用されません。ブロックレベルの要素にしdisplay:inline-block;、width:100%幅を100%親の幅にする必要があります。

<li>また、幅を与えてdisplay:inline-block、同じ行に隣り合うようにしたいのではないかと思います。

于 2013-07-04T13:48:39.787 に答える