boxing-sizing
时间: 2023-11-07 18:52:31 浏览: 152
关于box-sizing的全面理解
5星 · 资源好评率100%
boxing-sizing是一个CSS3属性,用于指定盒子模型的解析方式。它有两个取值:content-box和border-box。
content-box表示按照标准盒模型解析,盒子的总宽度包括content的宽度加上padding、border和margin。
border-box表示按照怪异盒模型解析,盒子的总宽度包括content的宽度加上padding和border,而不计算margin。
在给定的代码示例中,box1是一个具有固定宽度和高度的容器,box2和box3是box1的子元素。box2和box3都有浮动属性,box3还使用了box-sizing:border-box属性。
阅读全文