css学习笔记 8

• 标准盒模型：盒子宽 = marginleft+borderleft+paddingleft+width+paddingright+borderright+marginright; 盒子高=margintop+bordertop+paddingtop+height+paddingbottom+borderbottom+marginbottom;
• 如果html文档中!DOCTYPE声明格式错误或者缺省，在ie下就会触发ie的怪异模式来解析文档。
• 标准模式就是以规范来表现页面；怪异模式就是以宽松的向后兼容的方式显示页面，通常模拟老式浏览器的行为来防止站点无法工作；不过通常页面都会有文档声明而不会触发怪异模式。
• ie怪异模式的盒模型：盒子宽=marginleft + width + marginrght；盒子高=margintop+height+marginbottom；也就是说内容宽高随border和padding变化而变化，但总体相加等于设置的宽高；一旦border和padding设置后加上内容的尺寸大于设置的宽高，那么盒子就被撑开。
• ie浏览器对空标签的解析：ie浏览器对空标签会带有一个空的占位符，该占位符以默认的文字高度为基准显示，即18px。
• ie浏览器的内容高度超过其设置的高度后，不会溢出，而是撑开盒子的高度。