Skip to content

Commit

Permalink
Update index.md
Browse files Browse the repository at this point in the history
根据英文版修正了一些错误
  • Loading branch information
YieldRay authored Nov 5, 2023
1 parent 2b76b68 commit 17dab6f
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions files/zh-cn/web/css/containing_block/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ slug: Web/CSS/Containing_block

![Diagram of the box model](box-model.png)

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

## 包含块的影响

Expand All @@ -36,10 +36,10 @@ slug: Web/CSS/Containing_block
1. {{cssxref("transform")}} 或 {{cssxref("perspective")}} 的值不是 `none`
2. {{cssxref("will-change")}} 的值是 `transform``perspective`
3. {{cssxref("filter")}} 的值不是 `none``will-change` 的值是 `filter`(只在 Firefox 下生效)。
4. {{cssxref("contain")}} 的值是 `paint`(例如:`contain: paint;`
4. {{cssxref("contain")}} 的值是 `layout`, `paint`, `strict``content`(例如:`contain: paint;`
5. {{cssxref("backdrop-filter")}} 的值不是 `none`(例如:`backdrop-filter: blur(10px);`

> **备注:** 根元素 (\<html>) 所在的包含块是一个被称为**初始包含块**的矩形。他的尺寸是视口 viewport (for continuous media) 或分页媒体 page media (for paged media).
> **备注:** 根元素 (\<html>) 所在的包含块是一个被称为**初始包含块**的矩形。他的尺寸是视口 viewport (对于 continuous media) 或分页媒体 page area (对于 paged media).
## 根据包含块计算百分值

Expand Down

0 comments on commit 17dab6f

Please sign in to comment.