css盒子模型 在不同浏览器中的差别
来源:互联网 发布:沙龙 陈奕迅 知乎 编辑:程序博客网 时间:2024/06/05 10:07
w3c中的盒子模型的宽:包括margin+border+padding+width;
1、width:margin*2+border*2+padding*2+width;
2、 height:margin*2+border*2+padding*2+height;
IE中的盒子模型的宽:包括margin+border+padding+width;
1、width:margin*2+width;
2、 height:margin*2+height;
例如一个盒子模型如下:margin:20px,border:10px,padding:10px;width:200px;height:50px;
如果用w3c盒子模型解释,那么这个盒子模型占用的宽度为:20*2+10*2+10*2+200=280px; 高度:20*2+10*2+20*2+50=130px;盒子的实际宽度大小为:10*2+10*2+200=240px;实际高度:10*2+10*2+50=90px;
用ie的盒子模型解释 :盒子在网页中占据的大小为20*2+200=240px; 高:20*2+50=90px;
盒子的实际大小为:宽度:200px, 高度:50px;
- css盒子模型 在不同浏览器中的差别
- css中的盒子模型
- css中的盒子模型
- css 中的盒子模型
- css中的盒子模型
- CSS中的盒子模型
- 生活中的CSS盒子模型
- CSS样式中的盒子模型
- css在不同浏览器中的写法-----------
- css在不同浏览器中的写法
- DIV+CSS在不同浏览器中的表现
- CSS中盒子模型在标准流中的定位原则
- CSS中的字体背景和盒子模型
- css中的盒子模型及其浮动
- CSS中关于UL在不同浏览器中的差异
- Update语句在不同数据库中的差别
- css(二)盒子模型和不同元素类型
- IE Firefox在css中的差别 (部分)
- 黑马程序员 --- 数组
- 發生找不到 mysql.sock 的處理方法!
- 110408 Football (aka Soccer)
- 杂记
- IEEE754标准实数转化类(转)
- css盒子模型 在不同浏览器中的差别
- c 动态内存分配
- snort_rules/doc/signatures 规则解析放入MySql数据中
- 三维计算几何模板整理
- Lua学习笔记(八)
- ubuntu 安装gcc
- debug 宏
- log4j 分级别写入不同的日志文件
- NEERC 2008 Aerodynamics