IE7.0=Firefox 盒模型


IE7.0处理盒模型(box model)的方式与firefox是一致的,而对于IE6.0的话,只用增加display:inline;只要你的html里有标记doctype为

doctype

自己做过实验了,firefox里显示也是完全如此;

box_model2

图中蓝色区域宽度为:780px;每个正方形的style定义的都是:
{width:200px;
height:200px;
border:solid 10px black;
margin:10px;
padding:10px;
display:inline;}
盒模型清清楚楚:
(margin.left)+(border.left)+(padding.left)+(width)+(padding.right)+(border.right)+(margin.right)=
10+10+10+200+10+10+10=260;
260X3=780px

收藏与分享

Related posts:

  1. 教程 swf转gif
  2. css reset
  3. web 标准通用字体
  4. css自适应宽度-方法
  5. 色调 影调
  1. No comments yet.
(will not be published)

  1. No trackbacks yet.