CSS | box-model & box-sizing

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Uching/article/details/77213553
对box-model的理解
box-model
box-model

标准盒模型:
总宽=width + left padding + right padding + left border + right border + left margin + right margin

将标准盒模型转化为IE盒模型可以用CSS3的box-sizing属性,将属性值改为border-box

IE8及更早版本的盒模型:
width包含了padding和border
总宽=width+left margin + right margin
为了解决这个问题,加文档声明把IE的转换为标准的,在HTML页面加上<!DOCTYPE html>

参考资料:CSS Box Model

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章