0

私はbodyとdivに同じ高さ、幅を与えています。私のCSSは

 body {
background-repeat: no-repeat;
background-color: maroon;
width: 1280px;
height: 670px;
margin: 0;

}

div {
background-color: yellow;
width: 1280px;
height: 670px;

}

そして私のhtmlは

<body>
<div   id='slider4' class='swipe'>
<div>
<div style='display:block' >1</div>
<div style='display:none'><div>2</div></div>
</div>


</body>

しかし、Firefoxで開くと、このように表示されます。

htmlのサイズ=本体のサイズ=divのサイズ

それからまた赤い色は黄色を超えています。

ここに画像の説明を入力してください ここに画像の説明を入力してください ここに画像の説明を入力してください

4

1 に答える 1

1

後方互換性の理由から、デフォルトではhtml要素がbody要素から背景色を取得し、ビューポートがhtml要素から背景色を取得するため、栗色が表示されます。

CSS2.1の仕様には次のように書かれています。

ルート要素がHTML「HTML」要素または「background-color」の「transparent」と「background-image」の「none」の値を計算したXHTML「html」要素であるドキュメントの場合、ユーザーエージェントは代わりにキャンバスの背景をペイントするときに、その要素の最初のHTML「BODY」要素またはXHTML「body」要素の子から背景プロパティの計算値。その子要素の背景をペイントしてはなりません。

と

ルート要素の背景がキャンバスの背景になり、キャンバス全体をカバーします

html要素の背景色を「白」に設定して、あずき色の領域がbody要素の高さを超えないようにすることができます。

于 2013-02-18T08:21:20.453 に答える