对于html与body的理解

读完一片文章以后,总结出来的一些点

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













阅读文章原文地址:http://www.zhangxinxu.com/wordpress/?p=259

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值