盒模型包括
名称 | 属性 |
---|---|
内容区域 | content |
内边距区域 | padding |
边框区域 | border |
外边距区域 | margin |
通过 box-sizing 来设置盒模型的类型,默认是 content-box。
content-box 即 W3C 盒模型,元素的宽高大小表现为内容(content)的大小。
border-box 即 IE 盒模型,元素的宽高大小表现为 content + padding + border
的大小。
盒模型包括
名称 | 属性 |
---|---|
内容区域 | content |
内边距区域 | padding |
边框区域 | border |
外边距区域 | margin |
通过 box-sizing 来设置盒模型的类型,默认是 content-box。
content-box 即 W3C 盒模型,元素的宽高大小表现为内容(content)的大小。
border-box 即 IE 盒模型,元素的宽高大小表现为 content + padding + border
的大小。