61. box-sizing

作者: yaoyao妖妖 | 来源:发表于2019-05-30 10:44 被阅读0次

border-box:

 父元素 height：100px；padding-top：20px；
height = content + padding + border
子元素继承 100%,继承的是content的值；height=80px；

content-box:标准盒模型

height = content
子元素继承 100%,继承的是content的值；height=100px；

61. box-sizing
border-box: content-box:标准盒模型
css属性总结
记录css属性 <1>box-sizing属性：例子：div{ box-sizing:border-box;-...
IE盒子模型和标准盒子模型
CSS3 box-sizing box-sizing:content-box||border-box||inherit
DAY04
1、盒子模型 1.1、 box-sizing: border-box; box-sizing:border-box...
30秒学懂 css(一)
盒子规格Box-sizing html CSS 关键点:box-sizing : content-box: 默认,...
day1
box-sizing box-sizing：border-box；盒子模型为边框以内，此时width，heig...
61. Rotate List
61. Rotate List
day04
A我今天学到了什么一.css盒子模型 1.1:box-sizing:border-box box-sizing:...
CSS知识
盒子模型 box-sizing box-sizing有三个属性：content-box（default），bord...
box-sizing属性(CSS3新增属性)
box-sizing属性(CSS3新增属性)box-sizing：content-box(默认值) | borde...

网友评论

本文标题：61. box-sizing

本文链接：https://www.haomeiwen.com/subject/mohmtctx.html

61. box-sizing