正确认识html与body
来源:互联网 发布:sql左联查询 编辑:程序博客网 时间:2024/04/28 23:26
标准与非标准模式
standard模式后,定义和解析将更加严格,所有定义必须从顶级标签html开始。
可以理解为传统非standard模式定义body的用法,standard模式下都必须在html上定义。
高度100%的意义
认为standard模式下定义容器高度100%无效,是错误的理论。
如果需要body内的容器有100%高度,必须先定义body高度100%。
html与body的默认值
1. IE6.0环境下html默认有2层border的内嵌效果,FF1.5环境下默认则没有,这是IE6.0定义border:0前后效果:
2. IE6.0和FF1.5环境下的body都有一定的margin值,具体多少有细微差别,这是默认在两种客户端效果:
3. IE6.0环境下html默认就是100%高度,body则不是;FF1.5环境下html和body高度默认都不是100%,需要自定义。
一般情况下统一默认的方案:
[css]html { height:100%; border:0;}
body { height:100%; margin:0;}[/css]
滚动条的设置
可以这么认为,非standard模式页面的默认滚动条是body的,而standard则是html的。
standard模式下的body默认就没有滚动条,只是html下级的一个容器而已,这样定义会看的更清楚:
[css]html { background:#ccc; height:100%; border:0; overflow:scroll;}
body { background:#f00; height:100%; margin:0; overflow:scroll;}[/css]
定位参照
相同的道理,standard模式下当使用position:absolute;的时候,其定位参照肯定是html,而不是非standard模式的body。
根据这个特性很容易把层覆盖在body上,具体参考CSS构建iframe效果。
- 正确认识html与body
- 正确认识html与body
- 正确认识html与body
- 正确认识html与body
- Html与body页面关系
- HTML页面html与body的见解
- HTML中body与tbody的区别
- HTML与body标签的一些研究
- 一个奇怪的发现:html与body,body的margin对html不起作用,html的padding对body却起作用
- 对html与body的一些研究与理解
- 对html与body的一些研究与理解
- 对html与body的一些研究与理解
- html与body的一些研究与理解
- 对html与body的一些研究与理解
- 对html与body的一些研究与理解
- 对html与body的一些研究与理解
- 对html与body的一些研究与理解
- 对html与body的一些研究与理解
- 单步跟踪调试
- 读书笔记《Building embedded linux systems》Chapter 1
- 常见排序算法 之 Javascript版
- Oracle中的sql分页句子
- Oracle计算时间差
- 正确认识html与body
- 如何更改PORTAL KM 文档的地址!
- 刺青
- Remoting技术简介(转载)
- 一位老工程师的忠告
- 简单SQL语句小结
- 进程的4GB内存
- struts2 嵌入MY 97 datepicker 的实现
- Inno Setup 网页显示插件 webctrl (V2 版本)