读完一片文章以后,总结出来的一些点
1.背景色:<html>无样式背景时,<body>背景色不是<body>标签的背景色,而是浏览器的(意为将浏览器填充颜色为<body>的背景,而不是<body>标签自己的背景),而<html>设置背景,<body>则变为普通标签,此时<html>背景色则为浏览器颜色。
2.margin:
<body>浏览器支持margin哟!
<html>FireFox支持margin,而IE不支持
3.滚动条:FireFox没有自带,而IE自带
如果这时候添加代码
IE就会出现两个滚动条,解决办法:
body{
overflow-y:scroll;
}
html{
overflow-y:hidden;
}
这种方法说明原理,但是代码繁琐,不建议
html{
overflow-y:scroll;
}
建议这种方法
4.height:
<html>和<body>都默认宽100%,宽auto,如果要设置整屏
html{
height:100%;
}
body{
height:100%;
margin:0;
}
阅读文章:http://blog.csdn.net/baidu_37392864/article/details/79401093
(原文地址:http://www.zhangxinxu.com/wordpress/?p=259)