Safari/Chrome では、OL、引用符、およびその他の要素の左側/上部に余分なスペースがあります。
これを特定することはできませんが、Safari の Web インスペクターを見ると、いくつかの要素で 26px の margin-left: が検出されています。そのようなルールは指定していませんが、これは Web インスペクターのバグですか?
これらの余分な間隔の問題が発生している理由について、誰かが私に教えてもらえますか? ありがとう！
6852 次
1 に答える
14
その margin-left:26px は、スタイリング margin-left:2em の「計算されたスタイル」です。したがって、Safari の Web Inspector の Computed Style セクションの下にあるのはなぜですか。したがって、margin-left を他の値に変更すると、計算スタイルのピクセル値も変更されます。
とにかく、確かに余分なパディングがあります! これは、ユーザー エージェント スタイルシート (-webkit-padding-start:40px) が原因です。ol およびその他の必要な要素に padding:0 を設定して、このスタイルをリセットします。
この問題の再発を防ぎ、心配することなく開発するための良い方法は、css をリセットすることです。基本的なリセットは次のようになります。
* { margin:0; padding:0; }
于 2009-02-09T14:44:25.860 に答える