首页 > 其他分享 >盒模型

盒模型

时间:2022-12-04 18:35:44浏览次数:32  
标签:box content 模型 padding sizing border

盒模型主要分为IE盒模型和W3C标准盒模型

l W3C标准盒模型(可通过设置box-sizing为content-box)

l 属性width,height只包含content,不包含border和padding

l Width=内容的宽度

l Height=内容的高度

 

l IE盒模型(可通过设置box-sizing为border-box)

l 属性width,height包含border和padding,指的是content+padding+border

l Width=border + padding + 内容的宽度

l Height=border + padding + 内容的高度

 

可以通过box-sizing属性进行控制

标签:box,content,模型,padding,sizing,border
From: https://www.cnblogs.com/easonkkkk/p/16950358.html

相关文章