2

クライアントからメールを受け取りましたが、彼のサイトのいくつかのリスト要素が一晩で壊れましたか? 過去数か月間、コードを変更していません。この単純なコードを試してみると、Firefox と IE は list-style-position: inside; を尊重します。フロートリスト要素では、しかし今ではChromeはそうではありません?! 修正はありますか？これはバグですか、それとも新しい標準ですか? (Html5 DTD)

私のフィドル

<style>    
ul {
    list-style-position: inside;
    width:150px;
}

li {
    background:#c9c9c9;
    float:left;
    clear:both;
}
</style>


<div class="wrapper">
    <ul>
        <li><a href="#">Product1</a></li>
        <li><a href="#">Product2</a></li>
    </ul>
    <div class="clear"></div>
</div>
4

3 に答える 3

1

Chrome のバグのようです。目的を果たすために次のコードを使用してみてください

ul li{
margin-left:1em;
}
于 2013-10-03T11:16:51.497 に答える
0 
.clear{clear:both;}
li {
    background:#c9c9c9;
    clear:both;
    list-style-position: inside;
}
ul {
    width:150px;
}

あなたのjsfiddleでこれをチェックしてください

于 2015-05-19T06:04:30.967 に答える