在此页

• 参考
• 指南
• 规范
• 相关话题

CSS 基本 Box 模型 is a module of CSS that defines the rectangular boxes—including their padding and margin—that are generated for elements and laid out according to the visual formatting model .

参考

特性

Properties controlling the flow of content in a box

• overflow
• overflow-x
• overflow-y

Properties controlling the size of a box

• height
• width
• max-height
• max-width
• min-height
• min-width

Properties controlling the margins of a box

• margin
• margin-bottom
• margin-left
• margin-right
• margin-top
• margin-trim

Properties controlling the paddings of a box

• padding
• padding-bottom
• padding-left
• padding-right
• padding-top

其它特性

• visibility

指南

Introduction to the CSS box model

Explains one of the fundamental concept of CSS: the box model. This model defines how CSS lays out elements, including their content, padding, border, and margin areas.

Mastering margin collapsing

Sometimes, two adjacent margins are collapsed into one. This article describes the rules that govern when and why this happens, and how to control it.

Visual formatting model

Explains the visual formatting model.

规范

规范	状态	注释
CSS 基本 Box 模型	工作草案	添加 margin-trim
CSS Level 2 (Revision 1)	推荐
CSS Level 1	推荐	初始定义。

元数据

• 最后修改： Jul 7, 2020

相关话题

1. CSS
2. CSS 参考
3. CSS Box Model
4. 指南

   1. CSS 基本 Box 模型介绍
   2. Mastering margin collapsing
5. 特性

   1. height
   2. margin-bottom
   3. margin-left
   4. margin-right
   5. margin-top
   6. margin-trim
   7. max-height
   8. max-width
   9. min-height
   10. min-width
   11. overscroll-behavior
   12. overscroll-behavior-block
   13. overscroll-behavior-inline
   14. overscroll-behavior-x
   15. overscroll-behavior-y
   16. padding
   17. padding-bottom
   18. padding-left
   19. padding-right
   20. padding-top
   21. visibility
   22. width