CSS 布局和包含块

原创
admin 4个月前 (08-23) 阅读数 22 #CSS

布局和包含块

一个元素的尺寸和位置经常受其包含块(containing block)的影响。大多数情况下,包含块就是这个元素最近的祖先块元素内容区域,但也不是总是这样。在本文中,我们来过一遍确定包含块的所有因素。

当一个客户端代理(比如说浏览器)展示一个文档的时候,对于每一个元素,它都产生了一个盒子。每一个盒子都被划分为四个区域:

  1. 内容区
  2. 内边距区
  3. 边框区
  4. 外边距区

Diagram of the box model

许多开发者认为一个元素的包含块就是他的父元素的内容区,但这不一定正确。接下来让我们来看看,确定元素包含块的因素都有哪些。

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。

作者文章
热门
最新文章
标签列表