标准盒模型和IE盒模型
来源:互联网 发布:美国签证 知乎 编辑:程序博客网 时间:2024/04/28 18:55
大家好像对盒模型还不是很清楚,我来总结一下。
盒模型分为两种:标准盒模型和怪异盒模型(可恶的IE浏览器)
一.标准盒模型
在标准盒模型中一个盒子实际所占的位置大小为:margin + padding + border + content(width,height)。
在标准盒模型中一个盒子的大小为:padding + border + content(width,height)。
二.怪异盒模型
在怪异盒模型中盒子实际所占的位置大小为:margin + content
在怪异盒模型中盒子实际的大小为:content(width,height)。
三.实例
这是一道今年新浪的面试题:
一个div他的css样式为"width:100px;border:1px solid #000;padding:50px"请问在使用标准文档声明后IE6中这个div实际所占用的宽度为?去除文档声明后div在ie6中实际占用的宽度为?
答案是:(1)202
(2)100
0 0
- 标准和模型和IE盒模型
- 标准盒模型和IE盒模型
- 标准盒模型和IE盒模型
- css盒模型(IE和标准)
- 标准盒模型(w3c)和IE盒模型
- 标准盒子模型和IE盒子模型
- 标准盒子模型和IE盒子模型
- 标准盒子模型和IE盒子模型
- 标准盒子模型和IE盒子模型
- 标准盒子模型和IE盒子模型
- 标准事件模型和IE事件模型
- 标准事件模型和IE事件模型
- 标准盒子模型和IE盒子模型
- 标准模型和IE模型的区别
- 标准盒子模型和IE盒子模型
- IE 盒模型和W3C盒模型
- w3c盒模型和ie盒子模型
- 怪异盒模型和标准盒模型
- 茫然,觉悟
- 浏览器 事件流
- poj 1703 Find them, Catch them(并查集)
- Cocos2d-x教程(35)-三维拾取Ray-AABB碰撞检测算法
- java中类与类之间的关系
- 标准盒模型和IE盒模型
- jvm垃圾回收以及内存分配相关知识
- csu 1335 高桥和低桥(树状数组+二分)
- 这个捕鱼游戏制作的真心不错,原创音乐,AV动作,让人流连忘返啊呵呵
- 黃守身 懦夫
- maven远程部署tomcat
- Storm常见模式——分布式RPC<转>
- Android_XmlSerializer生成xml文件_141013
- UITextField小结