框大小包括
1.标准盒子模型：当盒子设置内边距时，会把原本的盒子大小撑大说明是标准盒子。
2.IE盒子模型||怪异盒子模型：当盒子设置内边距时，不把原本的盒子大小撑大说明是IE盒子，且内边距大小没有超过自身宽度高度，超过自身宽度高度也会撑大。
<style>
.box1 {
width: 100px;
height: 100px;
padding: 20px;
box-sizing: content-box;
background-color: palevioletred;
}
.box2 {
width: 100px;
height: 100px;
padding: 20px;
box-sizing: border-box;
background-color: aquamarine;
}
</style>
<body>
<div class="box1">标准盒子</div>
<div class="box2">IE盒子模型||怪异盒子模型</div>
</body>
弹性盒子对齐的三种方式
justify-content：设置弹性盒子元素在主轴（横轴）方向上的对齐方式。
align-items：设置弹性盒子元素在侧轴（纵轴）方向上的对齐方式。
align-content：修改 flex-wrap 属性的行为，类似 align-items, 但不是设置子元素对齐，而是设置行对齐
浏览器5大兼容性
-o- 欧朋浏览器
-moz- 火狐浏览器
-ms- IE浏览器
-webkit- 谷歌和Safari 浏览器
扫一扫
4万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
