上传者: 38640150
|
上传时间: 2022-01-03 17:36:09
|
文件大小: 492KB
|
文件类型: -
目录1. CSS3怪异盒模型2. flex基本概念3. 弹性布局属性4. CSS3多列5. 响应式
1. CSS3怪异盒模型
在说flex布局之前,再来回顾一下CSS3的怪异盒模型。
(1)
标准盒模型的总大小=width/height+padding+border+margin;
怪异盒模型的总大小=width/height+margin.
(2)box-sizing属性:
可以给box-sizing属性指定的属性值为content-box属性值表示标准盒模型,指定border-box属性值表示怪异盒模型。
content-box:在宽度和高度之外绘制元素的内边距和边框。
border-bo