码迷,mamicode.com
首页 > 其他好文 > 详细

【面试】盒模型

时间:2020-03-12 09:40:46      阅读:49      评论:0      收藏:0      [点我收藏+]

标签:标准   order   现在   开发   pre   border   容器   模型   flex   

现在的盒模型主要有三种:

1. 标准盒模型

box-sizing: content-box;

这种盒模型是平时默认使用的方式。即设置的width/height的属性是content-box的属性。

2. 怪异盒模型

box-sizing: border-box;

这种盒模型在实际开发中最方便。即width/heigth属性是border-box的属性。

3. 弹性盒模型

即flex盒模型。这种模型将父容器设置为

display: flex

这种盒模型对于样式的设置极其方便。

【面试】盒模型

标签:标准   order   现在   开发   pre   border   容器   模型   flex   

原文地址:https://www.cnblogs.com/lyraLee/p/12466828.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!