0

以下のようなhtmlがあります

<div class="wrapper">
    <div class="LItms">
        <div class="clr">
        </div>
        <span>text con</span>
        <ul>
            <li>first</li>
            <li>second</li>
        </ul> 
    </div>
</div>

私は彼らのためにいくつかのCSSを持っています

相対位置なし

.clr {        
    color: red;    
    display: list-item;
    list-style-type: square; 
    font-size: 40px;
    height: 16px;
    width:16px;
    margin-bottom: 17px;
    margin-left: 23px;
}

相対位置で

.clr {        
    color: red;
    display: list-item;
    list-style-type: square; 
    font-size: 40px;
    height: 16px;
    width:16px;
    margin-bottom: 17px;
    margin-left: 23px;
}

両方のcssを試しましたが、問題はfire foxでは問題なく動作することですが、chromeでは、つまり、divの弾丸のサイズはfirefoxに比べて小さく、クラス.clrのdivの隣にある弾丸とスパンの間のスペースさえありますFirefox と比較すると、ブラウザ間で同じように配置する必要があります。

4

2 に答える 2

0

ブラウザーが異なれば、デフォルトも異なります。CSS の冒頭で次の CSS を使用してすべてをリセットします。

*{
  margin:0px;
  padding:0px;
 }
于 2013-09-30T10:14:11.593 に答える