在线文档教程
CSS

框模型 | CSS Box Model

CSS Box Model

CSS Box ModelCSS的一个模块,它定义了矩形框(包括它们的填充和边距),它们是根据可视化格式模型为元素生成的。

参照

属性

控制框中内容流的属性

  • box-sizing

  • overflow

  • overflow-x

  • overflow-y

控制框大小的属性。

  • height

  • width

  • max-height

  • max-width

  • min-height

  • min-width

控制框边距的属性。

  • margin

  • margin-bottom

  • margin-left

  • margin-right

  • margin-top

属性控制一个盒子的填充

  • padding

  • padding-bottom

  • padding-left

  • padding-right

  • padding-top

其他性质

  • visibility

指南

CSS框模型简介阐述CSS的基本概念之一:框模型。这个模型定义了CSS如何展示元素,包括它们的内容,填充,边框和边缘区域。边界边界崩溃有时,两个相邻的边界被合并为一个边界。本文介绍了支配何时以及为何发生这种情况的规则,以及如何对其进行控制。可视化格式模型验证可视化格式模型。

规范

SpecificationStatusComment
CSS Basic Box ModelWorking Draft
CSS Level 2 (Revision 1)Recommendation
CSS Level 1RecommendationInitial definition

浏览器兼容性

FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support1.01.0 (1.7 or earlier)3.03.51.0 (85)

FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support1.01.0 (1)6.06.01.0