在设计布局时,我将html, body元素设置为height,100%但在某些情况下,这会失败,那么应该使用什么?
html, body {
height: 100%;
}
Run Code Online (Sandbox Code Playgroud)
要么
html, body {
min-height: 100%;
}
Run Code Online (Sandbox Code Playgroud)
嗯,这不是基于意见的,因为每种方法都有自己的缺陷,那么推荐的方法是什么?为什么?
所以我有一个基本的2列HTML布局,我已经应用了一些基本的CSS:
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;
}
Run Code Online (Sandbox Code Playgroud)
问题是,当我将<!DOCTYPE html>声明添加到页面的开头时,该background-color属性不适用于body标记.我认为这与它在没有DOCTYPE的情况下默认为怪癖模式有关,但是我做错了可能是无效的CSS?(我已经使用拼图进行了验证,并且没有显示任何错误/警告.)