Html之盒模型

阅读更多

#两种模型

标准模型-W3C+[strict模式]=====VS=====IE盒模型-Microsoft

PS:W3C的宽高即不包括margin+padding的实际宽高

 

#强行设置盒模型类型

增加box-sizing:content-box[W3c]/border-box[IE]见名知意

 

#两种解析方式

Quicks-mode==>W3C模式解析

Strict-mode==>W3C模式解析

PS:依赖Doctype存在=>Strict-mode否则quicks-Mode

 

#判断解析方式

Document[.obj].compatMode=BackCompat[quicks-mode]

Document[.obj].compatMode=CSS1Compat[strict-mode]

 

#滚动条

1、滚动条的宽度是占用原有标签宽度即属于不可分割的一部分

2、若想防止因滚动条增加导致页面变形难看可用嵌套多层的方式

3、滚动条的宽度默认:17px

  • demo.zip (664 Bytes)
  • 下载次数: 10

你可能感兴趣的:(盒模型,怪异模式,兼容性,滚动条)