3

css #wrapper を削除して、スタイルを html タグと body タグのレベルに移動し、固定幅で中央揃えのレイアウトにすることはできますか?

    html {
        background-color: lightgrey;
        text-align: center;     
    }
    body {
        margin: 0 auto;
        width: 800px;
        background-color: white;    
        display: block;
    }

Firefox、Chrome、IE7+ で問題なく動作しているようです。潜在的な欠点は何ですか？

4

2 に答える 2

3

独特のズーム「バグ」が原因でIE7をサポートする必要がある場合を除い<body>て、ラッパーとしてを使用しても問題はありません。

マージンまたは幅がボディに適用され、ユーザーがズームすると、IE7はボディの左端をビューポートの端として誤って扱います。このシフトにより、画面の外側のページの右側にコンテンツが表示されます。

于 2013-02-28T15:52:53.337 に答える
1

欠点はありません..利点だけです。htmlクラスを追加することで、body他のページのスタイルを簡単にオーバーライドできるようになりました。それができたくない場合（またはそれを難し​​くしたい場合） 、それは欠点になると思います。

また、スタイルシートで ID をまったく使用しないこと、さらには要素を使用しないこと (つまり、クラスと疑似クラスに固執すること) を提唱します。これにより、他のクラスを追加および削除するだけで、要素のスタイルを簡単に更新できます。htmlただし、 andを使用してbodyもおそらく問題ありません。これらはそれぞれ 1 つしか存在しないためです。

于 2013-02-28T15:51:36.727 に答える