首页 > Web开发 > 详细

CSS中的盒模型

时间:2021-08-12 13:24:57      阅读:19      评论:0      收藏:0      [点我收藏+]

一、分类:

  CSS3中的盒模型有以下两种:标准盒子模型、IE盒子模型

二、组成:

  盒模型都是由四个部分组成的,由外向内分别是margin、border、padding和content

三、标准盒模型和IE盒模型的区别:

  标准盒模型和IE盒模型的区别在于设置width和height时,所对应的范围不同:

    标准盒模型的width和height属性的范围只包含了content

    IE盒模型的width和height属性的范围包含了border、padding和content

四、改变元素的盒模型:

  box-sizeing: content-box表示标准盒模型(默认值)

  box-sizeing: border-box表示IE盒模型(怪异盒模型)

CSS中的盒模型

原文:https://www.cnblogs.com/starlog/p/15132028.html

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