首页 > Web开发 > 详细

1. 介绍一下 CSS 的盒子模型?

时间:2020-03-30 21:27:14      阅读:81      评论:0      收藏:0      [点我收藏+]

1. 盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border)

2. 类型: IE 盒子模型、标准 W3C 盒子模型;

3. 两种盒模型的主要区别是:标准盒模型的宽高是值内容宽高(content)
 
4. 而IE盒模型的宽高是指content+padding+border。
 
5.设置盒模型的方式是:设置box-sizing
    box-sizing:content-box   标准盒模型
    box-sizing:border-box    IE盒模型(css3盒子模型)
 
6.盒子模型的定位
   网页默认的布局方式
   浮动
   Position定位
 
这个是css3技术      padding 和 border 不会再撑大盒子了 只会减少内容区域 */

1. 介绍一下 CSS 的盒子模型?

原文:https://www.cnblogs.com/Rivend/p/12600703.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!