0

li アイテムが div コンテナーの右側に固定されている理由がわかりません。コンテナの左側にliアイテムを貼り付けたいだけです。

html

<div id="side">
    <div class="sidemenu">
        <ul>
            <li>XC Camp</li>
            <li>Become a Sponsor</li>
            <li>Run Furman Community</li>
            </ul>
    </div>
</div>

CSS

#side {
    background-color:#333333;
    height:150px;
    float:left;
    width:20%;
    border:2px solid white;
}

.sidemenu li {
    display:block;
    border-left:4px solid #8068a0;
    padding:6px;
    margin:0px 0px 5px 0px;
    background-color:#8068a0;
}
4

2 に答える 2

2

<li>それぞれが 内に含まれているため、可能な限り左に表示されます<ul>。順序付けられていないリストにはデフォルトのパディングが含まれているため、次を追加する必要があります。

.sidemenu ul{
    margin:0;
    padding:0;
 }

あなたのcssに。

JSfiddle の例を次に示します: http://jsfiddle.net/5aFV8/

于 2013-07-04T18:39:49.147 に答える
1

デフォルトでは、<ul>(順序付けられていないリスト) がありpadding、それらを に設定するだけ0です。

ul {
  padding: 0;
}

更新されたコードは次のとおりです: http://jsfiddle.net/wVHSW/

于 2013-07-04T18:40:37.320 に答える