Google Chromeのマージンと幅の問題

Question

私のdivのmarginとを設定していますが、すべてmarginとがFirefoxとInternet Explorerで正しく表示されています。しかし、Google Chromeは機能しません。 Chromeのページを調べてmarginを調整しても効果はありますが、CSSを更新しても機能しません。

私は-webkit-margin-start: 44px;も使用していますが、何も問題ありません。

次のように私のCSSは次のとおりです。 -

#main { 
    position:relative; 
    width:1200px !important; 
    min-height:800px; 
    margin:44px auto; 
    top: 7px; 
    left: 2px; 
    -webkit-margin-start: 44px;    
} 

任意の提案、次のように私は余裕...

スクリーンショットを宣言した場合も、それはこの@media screen and (-webkit-min-device-pixel-ratio:0) {では動作しません： - クロムのための を事前のおかげで

Firefoxのため

。

クロームバージョン：62.0.3202.62

Answer 1

私はあなたがmargin-top:44px margin-right:auto margin-bottom:44px margin-left:autoを意味しmargin:44px autoを使用し、私のコメントで言ったように。しかし、-webkit-margin-start:44pxは、margin-left

margin-topが-webkit-margin-beforeであることを示しています。 または類似の質問でSOを検索することができます

あなたのコードは動作するようです（下のスニペットを参照）。これは、ほとんどの場合、テキストマージンを参照しており、書き込みモード、方向、 。私がそこに見る唯一の問題は、あなたがポジションとマージンを使用することです。 （上、左+マージン）。いずれかのマージンを使用することをお勧めします。たとえば、top:7pxは使用せず、margin:51px auto 44pxを使用します（下端を44pxにしたい場合）。

あなたからのコードはもうなく、私たちができることはほかにありません。問題が解決しない場合、私はあなたがしようとしなかったあなたのCSSを更新した後など

#main { 
 
    position:relative; 
 
    width:1200px !important; 
 
    min-height:800px; 
 
    margin:44px auto; 
 
    top: 7px; 
 
    left: 2px; 
 
    -webkit-margin-before: 44px;  
 
    background:red; 
 
} 
 
body { margin:0}

<div id="main"> 
 

 
</div>