基本的な CSS をいくつか適用した基本的な 2 列の HTML レイアウトがあります。
html {
background-color: gray;
}
body {
width: 900px;
background-color: white;
margin: 0 auto;
overflow: hidden;
}
.logo, .nav, .contact {
float: left;
width: 248px;
border: 1px black solid;
}
.about, .banner, .content {
float: right;
width: 648px;
border: 1px black solid;
}
問題は、<!DOCTYPE html>
ページの先頭に宣言を追加すると、属性がタグbackground-color
に対して機能しないことです。body
これは、DOCTYPE なしでデフォルトで quirks モードになっていることと関係があると思いますが、無効な CSS である可能性があるのは何ですか? (ジグソーで検証しましたが、エラーや警告は表示されません。)