[zh-cn] sync translated content (#18100)

Co-authored-by: allo <[email protected]>
mdn · Jan 31, 2024 · 97fd5e2 · 97fd5e2
1 parent a00742b
commit 97fd5e2
Show file tree

Hide file tree

Showing 36 changed files with 180 additions and 146 deletions.
diff --git a/files/zh-cn/_redirects.txt b/files/zh-cn/_redirects.txt
@@ -25,7 +25,7 @@
 /zh-CN/docs/CSS/Adjacent_sibling_selectors	/zh-CN/docs/Web/CSS/Next-sibling_combinator
 /zh-CN/docs/CSS/At-rule	/zh-CN/docs/Web/CSS/At-rule
 /zh-CN/docs/CSS/Attribute_selectors	/zh-CN/docs/Web/CSS/Attribute_selectors
-/zh-CN/docs/CSS/Block_formatting_context	/zh-CN/docs/Web/Guide/CSS/Block_formatting_context
+/zh-CN/docs/CSS/Block_formatting_context	/zh-CN/docs/Web/CSS/CSS_display/Block_formatting_context
 /zh-CN/docs/CSS/CSS_Reference/Webkit_Extensions	/zh-CN/docs/Web/CSS/WebKit_Extensions
 /zh-CN/docs/CSS/CSS_animated_properties	/zh-CN/docs/Web/CSS/CSS_animated_properties
 /zh-CN/docs/CSS/CSS_reference	/zh-CN/docs/Web/CSS/Reference
@@ -2059,7 +2059,7 @@
 /zh-CN/docs/Web/CSS/Adjacent_sibling_combinator	/zh-CN/docs/Web/CSS/Next-sibling_combinator
 /zh-CN/docs/Web/CSS/Adjacent_sibling_selectors	/zh-CN/docs/Web/CSS/Next-sibling_combinator
 /zh-CN/docs/Web/CSS/All_About_The_Containing_Block	/zh-CN/docs/Web/CSS/Containing_block
-/zh-CN/docs/Web/CSS/Block_formatting_context	/zh-CN/docs/Web/Guide/CSS/Block_formatting_context
+/zh-CN/docs/Web/CSS/Block_formatting_context	/zh-CN/docs/Web/CSS/CSS_display/Block_formatting_context
 /zh-CN/docs/Web/CSS/CSS3中的关键帧	/zh-CN/docs/Web/CSS/@keyframes
 /zh-CN/docs/Web/CSS/CSSOM_View/坐标系	/zh-CN/docs/Web/CSS/CSSOM_view/Coordinate_systems
 /zh-CN/docs/Web/CSS/CSS_Background_and_Borders/Border-image_generator	/zh-CN/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator
@@ -2296,6 +2296,7 @@
 /zh-CN/docs/Web/Guide/Audio_and_video_delivery/buffering_seeking_time_ranges	/zh-CN/docs/Web/Media/Audio_and_video_delivery/buffering_seeking_time_ranges
 /zh-CN/docs/Web/Guide/Audio_and_video_manipulation	/zh-CN/docs/Web/Media/Audio_and_video_manipulation
 /zh-CN/docs/Web/Guide/CSS	/zh-CN/docs/Learn/CSS
+/zh-CN/docs/Web/Guide/CSS/Block_formatting_context	/zh-CN/docs/Web/CSS/CSS_display/Block_formatting_context
 /zh-CN/docs/Web/Guide/CSS/CSS_Image_Sprites	/zh-CN/docs/Web/CSS/CSS_images/Implementing_image_sprites_in_CSS
 /zh-CN/docs/Web/Guide/CSS/Consistent_list_indentation	/zh-CN/docs/Web/CSS/CSS_lists/Consistent_list_indentation
 /zh-CN/docs/Web/Guide/CSS/Counters	/zh-CN/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters

diff --git a/files/zh-cn/_wikihistory.json b/files/zh-cn/_wikihistory.json
@@ -17366,6 +17366,49 @@
     "modified": "2019-03-23T23:28:24.261Z",
     "contributors": ["Ende93", "Jiang-Xuan", "Jiasm", "Nightingale"]
   },
+  "Web/CSS/CSS_display/Block_formatting_context": {
+    "modified": "2020-12-09T10:24:24.921Z",
+    "contributors": [
+      "xmasuhai",
+      "SDUTWSL",
+      "Ninglo",
+      "MinimalistYing",
+      "shanyuhai123",
+      "ylc395",
+      "GlowMonster",
+      "SageX",
+      "dylanyg",
+      "xunzhonglee",
+      "wavesheep",
+      "Mookiepiece",
+      "awayjin",
+      "dongsuo",
+      "ju1234",
+      "maoyumaoxun",
+      "helloyong",
+      "Terry.Qiao",
+      "Akiq2016",
+      "luoway",
+      "lanyuechen",
+      "zerosrat",
+      "young122849",
+      "Programmox",
+      "herofei",
+      "xgqfrms-GitHub",
+      "XiongAmao",
+      "yisibl",
+      "Ende93",
+      "zengkan0703",
+      "TiaossuP",
+      "kevinfszu",
+      "FredWe",
+      "ziyunfei",
+      "haofu",
+      "xmlovecss",
+      "teoli",
+      "yan"
+    ]
+  },
   "Web/CSS/CSS_flexible_box_layout": {
     "modified": "2019-09-20T14:46:03.892Z",
     "contributors": [
@@ -20886,49 +20929,6 @@
       "ethertank"
     ]
   },
-  "Web/Guide/CSS/Block_formatting_context": {
-    "modified": "2020-12-09T10:24:24.921Z",
-    "contributors": [
-      "xmasuhai",
-      "SDUTWSL",
-      "Ninglo",
-      "MinimalistYing",
-      "shanyuhai123",
-      "ylc395",
-      "GlowMonster",
-      "SageX",
-      "dylanyg",
-      "xunzhonglee",
-      "wavesheep",
-      "Mookiepiece",
-      "awayjin",
-      "dongsuo",
-      "ju1234",
-      "maoyumaoxun",
-      "helloyong",
-      "Terry.Qiao",
-      "Akiq2016",
-      "luoway",
-      "lanyuechen",
-      "zerosrat",
-      "young122849",
-      "Programmox",
-      "herofei",
-      "xgqfrms-GitHub",
-      "XiongAmao",
-      "yisibl",
-      "Ende93",
-      "zengkan0703",
-      "TiaossuP",
-      "kevinfszu",
-      "FredWe",
-      "ziyunfei",
-      "haofu",
-      "xmlovecss",
-      "teoli",
-      "yan"
-    ]
-  },
   "Web/HTML": {
     "modified": "2020-05-18T02:45:10.401Z",
     "contributors": [

diff --git a/files/zh-cn/glossary/block-level_content/index.md b/files/zh-cn/glossary/block-level_content/index.md
@@ -37,6 +37,6 @@ p {
 ## 参见
 
 - [行级内容](/zh-CN/docs/Glossary/Inline-level_content)
-- [块格式化上下文](/zh-CN/docs/Web/Guide/CSS/Block_formatting_context)
+- [区块格式化上下文](/zh-CN/docs/Web/CSS/CSS_display/Block_formatting_context)
 - {{cssxref("display")}}
 - [`writing-mode`](/zh-CN/docs/Web/CSS/writing-mode)
diff --git a/files/zh-cn/learn/css/building_blocks/overflowing_content/index.md b/files/zh-cn/learn/css/building_blocks/overflowing_content/index.md
@@ -90,7 +90,7 @@ slug: Learn/CSS/Building_blocks/Overflowing_content
 
 ## 溢出建立了区块格式化上下文
 
-CSS 中有所谓[**区块格式化上下文**（Block Formatting Context，BFC）](/zh-CN/docs/Web/Guide/CSS/Block_formatting_context)的概念。现在你不用太过在意，但是你应该知道，在你使用诸如 `scroll` 或者 `auto` 的时候，你就建立了一个块级排版上下文。结果就是，你改变了 `overflow` 的值的话，对应的盒子就变成了更加小巧的状态。在容器之外的东西没法混进容器内，也没有东西可以突出盒子，进入周围的版面。激活了滚动动作，你的盒子里面所有的内容会被收纳，而且不会遮到页面上其他的物件，于是就产生了一个协调的滚动体验。
+CSS 中有所谓[**区块格式化上下文**（Block Formatting Context，BFC）](/zh-CN/docs/Web/CSS/CSS_display/Block_formatting_context)的概念。现在你不用太过在意，但是你应该知道，在你使用诸如 `scroll` 或者 `auto` 的时候，你就建立了一个块级排版上下文。结果就是，你改变了 `overflow` 的值的话，对应的盒子就变成了更加小巧的状态。在容器之外的东西没法混进容器内，也没有东西可以突出盒子，进入周围的版面。激活了滚动动作，你的盒子里面所有的内容会被收纳，而且不会遮到页面上其他的物件，于是就产生了一个协调的滚动体验。
 
 ## 网页设计时不需要的溢出
 

diff --git a/files/zh-cn/mozilla/firefox/releases/25/index.md b/files/zh-cn/mozilla/firefox/releases/25/index.md
@@ -9,9 +9,9 @@ slug: Mozilla/Firefox/Releases/25
 
 ### CSS
 
-- 新增了 {{cssxref("background-attachment")}} 属性值 `local` ([Firefox bug 483446](https://bugzil.la/483446)).
-- 新增了一个 Mozilla 私有的媒体查询属性：[`-moz-os-version`](/zh-CN/docs/Web/Guide/CSS/Media_queries#-moz-os-version), 目前该属性只支持 Windows ([Firefox bug 810399](https://bugzil.la/810399)).
-- 实现了新的 {{cssxref("-moz-osx-font-smoothing")}} CSS 属性 ([Firefox bug 857142](https://bugzil.la/857142))
+- 新增了 {{cssxref("background-attachment")}} 属性值 `local`（[Firefox bug 483446](https://bugzil.la/483446)）。
+- 新增了一个 Mozilla 私有的媒体查询属性：[`-moz-os-version`](/zh-CN/docs/Web/CSS/CSS_media_queries/Using_media_queries#-moz-os-version)，目前该属性只支持 Windows（[Firefox bug 810399](https://bugzil.la/810399)）。
+- 实现了新的 {{cssxref("-moz-osx-font-smoothing")}} CSS 属性（[Firefox bug 857142](https://bugzil.la/857142)）
 
 ### HTML
 

diff --git a/files/zh-cn/web/api/canvas_api/tutorial/optimizing_canvas/index.md b/files/zh-cn/web/api/canvas_api/tutorial/optimizing_canvas/index.md
@@ -77,9 +77,9 @@ ctx.drawImage(myImage, 0.3, 0.5);
 
 如果像大多数游戏那样，你有一张静态的背景图，用一个静态的{{HTMLElement("div")}}元素，结合{{cssxref("background")}} 特性，以及将它置于画布元素之后。这么做可以避免在每一帧在画布上绘制大图。
 
-### 用 CSS transforms 特性缩放画布
+### 用 CSS 变换特性缩放画布
 
-[CSS transforms](/zh-CN/docs/Web/Guide/CSS/Using_CSS_transforms) 使用 GPU，因此速度更快。最好的情况是不直接缩放画布，或者具有较小的画布并按比例放大，而不是较大的画布并按比例缩小。
+[CSS 变换](/zh-CN/docs/Web/CSS/CSS_transforms/Using_CSS_transforms)使用 GPU，因此速度更快。最好的情况是不直接缩放画布，或者具有较小的画布并按比例放大，而不是较大的画布并按比例缩小。
 
 ```js
 var scaleX = window.innerWidth / canvas.width;

diff --git a/files/zh-cn/web/api/cssstylesheet/insertrule/index.md b/files/zh-cn/web/api/cssstylesheet/insertrule/index.md
@@ -21,8 +21,8 @@ stylesheet.insertRule(rule [, index])
 
   - : 一个包含了将要插入的规则的 {{domxref("DOMString")}}。规则字符串必须包含的内容取决于它的类型：
 
-    - **[rule-sets](/zh-CN/docs/Web/CSS/Syntax#CSS_statements) 类型**（普通带有选择器的规则）**，**需要[选择器](/zh-CN/docs/Web/Guide/CSS/Getting_Started/Selectors)和样式声明；
-    - **[at-rules](/zh-CN/docs/Web/CSS/At-rule) 类型**（以 `@` 开头的规则，如 `@import, @media` 等）**，**需要 at-identifier 和规则内容。
+    - **[rule-set](/zh-CN/docs/Web/CSS/Syntax#css_语句) 类型**（普通带有选择器的规则），需要[选择器](/zh-CN/docs/Learn/CSS/Building_blocks/Selectors)和样式声明；
+    - **[at-rule](/zh-CN/docs/Web/CSS/At-rule) 类型**（以 `@` 开头的规则，如 `@import, @media` 等），需要 at-identifier 和规则内容。
 
 - `index` {{optional_inline}}
   - : 一个小于或等于 `stylesheet.cssRules.length` 的正整数，表示新插入的规则在`{{domxref("CSSStyleSheet", "", "", "1")}}.cssRules` 中的位置。默认值是 `0`。（在过去的实现中，这个参数是必需的，详情参见[浏览器兼容性](#浏览器兼容性)。）

diff --git a/files/zh-cn/web/api/document_object_model/whitespace/index.md b/files/zh-cn/web/api/document_object_model/whitespace/index.md
@@ -137,9 +137,9 @@ slug: Web/API/Document_Object_Model/Whitespace
 
 > **备注：** 从版本 52 开始，[Firefox 开发者工具](https://firefox-source-docs.mozilla.org/devtools-user/index.html)支持高亮文本节点，使得观察包含节点中包含的空白字符变得更加容易。纯的空白符节点会有一个“whitespace”标记。
 
-### 在块格式化上下文的空白符
+### 在区块格式化上下文的空白符
 
-上面我们只是看了包含行内元素的元素，以及行内格式化上下文。如果一个元素至少包含一个块元素，那么它就会建立所谓的[块格式化上下文](/zh-CN/docs/Web/Guide/CSS/Block_formatting_context)。
+上面我们只是看了包含行内元素的元素，以及行内格式化上下文。如果一个元素至少包含一个块元素，那么它就会建立所谓的[区块格式化上下文](/zh-CN/docs/Web/CSS/CSS_display/Block_formatting_context)。
 
 这种情况下，空白符的处理方式非常不同。
 

diff --git a/files/zh-cn/web/api/element/closest/index.md b/files/zh-cn/web/api/element/closest/index.md
@@ -114,5 +114,5 @@ if (window.Element && !Element.prototype.closest) {
 ## 参见
 
 - {{domxref("Element")}} 接口。
-- [选择器语法](/zh-CN/docs/Web/Guide/CSS/Getting_started/Selectors)
-- 其他相关选择器方法：{{domxref("element.querySelector()")}} and {{domxref("element.matches()")}}.
+- [选择器语法](/zh-CN/docs/Learn/CSS/Building_blocks/Selectors)
+- 其他相关选择器方法：{{domxref("element.querySelector()")}} 和 {{domxref("element.matches()")}}。
diff --git a/files/zh-cn/web/api/element/queryselector/index.md b/files/zh-cn/web/api/element/queryselector/index.md
@@ -12,12 +12,12 @@ element = baseElement.querySelector(selectors);
 ```
 
 - `element` 和 `baseElement` 是 {{domxref("element")}} 对象。
-- `selectors` 是一个 CSS 选择器字符串 ( [selectors](/zh-CN/docs/Web/Guide/CSS/Getting_Started/Selectors) )
+- `selectors` 是一个 CSS [选择器](/zh-CN/docs/Learn/CSS/Building_blocks/Selectors)字符串。
 
 ### 参数
 
 - `selectors`
-  - : 一组用来匹配{{domxref("Element")}} `baseElement`后代元素的选择器[selectors](/zh-CN/docs/Web/Guide/CSS/Getting_Started/Selectors)；必须是合法的 css 选择器，否则会引起语法错误。返回匹配指定选择器的第一个元素。
+  - : 一组用来匹配 {{domxref("Element")}} `baseElement` 后代元素的[选择器](/zh-CN/docs/Learn/CSS/Building_blocks/Selectors)；必须是合法的 css 选择器，否则会引起语法错误。返回匹配指定选择器的第一个元素。
 
 ### 返回值
 

diff --git a/files/zh-cn/web/api/transitionevent/index.md b/files/zh-cn/web/api/transitionevent/index.md
@@ -5,7 +5,7 @@ slug: Web/API/TransitionEvent
 
 {{APIRef("CSSOM")}} {{SeeCompatTable}}
 
-TransitonEvent 接口指那些提供了与 [transition](/zh-CN/docs/Web/Guide/CSS/Using_CSS_transitions) 有关信息的事件。
+TransitonEvent 接口指那些提供了与[过渡](/zh-CN/docs/Web/CSS/CSS_transitions/Using_CSS_transitions)有关信息的事件。
 
 ## 属性
 
@@ -30,15 +30,15 @@ _同时也继承了父类 {{domxref("Event")}}_ 的属性。
 - {{domxref("TransitionEvent.initTransitionEvent()")}} {{non-standard_inline}}{{deprecated_inline}}
   - : 使用已经废弃的{{domxref("Document.createEvent()", "Document.createEvent(\"TransitionEvent\")")}} 方法初始化已经创建的 TransitonEvent 事件。
 
-## Specifications
+## 规范
 
 {{Specifications}}
 
-## Browser compatibility
+## 浏览器兼容性
 
 {{Compat}}
 
-## See also
+## 参见
 
-- [Using CSS transitions](/zh-CN/docs/Web/Guide/CSS/Using_CSS_transitions)
-- CSS properties: {{cssxref("transition")}}, {{cssxref("transition-delay")}}, {{cssxref("transition-duration")}}, {{cssxref("transition-property")}}, {{cssxref("transition-timing-function")}}.
+- [使用 CSS 过渡](/zh-CN/docs/Web/CSS/CSS_transitions/Using_CSS_transitions)
+- CSS 属性：{{cssxref("transition")}}、{{cssxref("transition-delay")}}、{{cssxref("transition-duration")}}、{{cssxref("transition-property")}}、{{cssxref("transition-timing-function")}}。
diff --git a/files/zh-cn/web/api/webgl_api/matrix_math_for_the_web/index.md b/files/zh-cn/web/api/webgl_api/matrix_math_for_the_web/index.md
@@ -5,9 +5,9 @@ slug: Web/API/WebGL_API/Matrix_math_for_the_web
 
 {{DefaultAPISidebar("WebGL")}}
 
-矩阵可以用于表示空间中的对象的变换，并且是 Web 页面可视化的重要工具。本文探索如何创建并配合[CSS3 变换](/zh-CN/docs/Web/Guide/CSS/Using_CSS_transforms)和 matrix3d 变换类型使用矩阵。
+矩阵可以用于表示空间中的对象的变换，并且是 Web 页面可视化的重要工具。本文探索如何创建并配合 [CSS 变换](/zh-CN/docs/Web/CSS/CSS_transforms/Using_CSS_transforms)和 matrix3d 变换类型使用矩阵。
 
-虽然本文为了便于解释而使用了 CSS3，矩阵却是许多技术中的核心概念，包括 WebGL 和着色器。本文也是[MDN content kit](https://github.com/TatumCreative/mdn-matrix-math)的一部分。示例使用了一组全局对象 MDN 下的[工具函数](https://github.com/TatumCreative/mdn-webgl)。
+虽然本文为了便于解释而使用了 CSS，矩阵却是许多技术中的核心概念，包括 WebGL 和着色器。本文也是 [MDN content kit](https://github.com/TatumCreative/mdn-matrix-math) 的一部分。示例使用了一组全局对象 MDN 下的[工具函数](https://github.com/TatumCreative/mdn-webgl)。
 
 ## 什么是变换矩阵？
 

diff --git a/files/zh-cn/web/css/background-image/index.md b/files/zh-cn/web/css/background-image/index.md
@@ -98,13 +98,22 @@ div {
 
 {{Compat}}
 
-\[1] 如果 `about:config` 中 `browser.display.use_document_colors` 被设置为 `false`, 背景图像将不会展示。
-
-\[2] 当前的 iOS Safari 版本 (5.0) CSS 背景属性对 SVG 的支持并不完善。iOS Safari (5.0) 之前的版本亦是如此。
-
 ## 参见
 
-- [Implementing image sprites in CSS](/zh-CN/docs/Web/Guide/CSS/CSS_Image_Sprites)
+- [在 CSS 中实现图像合并](/zh-CN/docs/Web/CSS/CSS_images/Implementing_image_sprites_in_CSS)
 - {{HTMLElement("img")}}
-- 与图像相关的数据类型：{{cssxref("&lt;image&gt;")}}, {{cssxref("&lt;gradient&gt;")}}
-- 与图像相关的函数：{{cssxref("linear-gradient")}}, {{cssxref("radial-gradient")}}, {{cssxref("repeating-linear-gradient")}}, {{cssxref("repeating-radial-gradient")}}, {{cssxref("element")}}, {{cssxref("_image", "image()")}}, {{cssxref("image-set")}}, {{cssxref("url", "url()")}}
+- 与图像相关的数据类型：{{cssxref("&lt;image&gt;")}}、{{cssxref("&lt;gradient&gt;")}}
+- 与图像相关的函数：
+
+  - {{cssxref("cross-fade", "cross-fade()")}}
+  - {{cssxref("element", "element()")}}
+  - {{cssxref("image/image", "image()")}}
+  - {{cssxref("image/image-set", "image-set()")}}
+  - {{cssxref("gradient/linear-gradient", "linear-gradient()")}}
+  - {{cssxref("gradient/radial-gradient", "radial-gradient()")}}
+  - {{cssxref("gradient/conic-gradient", "conic-gradient()")}}
+  - {{cssxref("gradient/repeating-linear-gradient", "repeating-linear-gradient()")}}
+  - {{cssxref("gradient/repeating-radial-gradient", "repeating-radial-gradient()")}}
+  - {{cssxref("gradient/repeating-conic-gradient", "repeating-conic-gradient()")}}
+  - {{cssxref("image/paint", "paint()")}}
+  - {{cssxref("url", "url()")}}
diff --git a/files/zh-cn/web/css/contain/index.md b/files/zh-cn/web/css/contain/index.md
@@ -17,7 +17,7 @@ slug: Web/CSS/contain
 >
 > 1. 新的[包含区块](/zh-CN/docs/Web/CSS/Containing_block)（针对其 {{CSSXref("position")}} 属性为 `absolute` 或 `fixed` 的后代元素）。
 > 2. 新的[层叠上下文](/zh-CN/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context)。
-> 3. 新的[区块格式化上下文](/zh-CN/docs/Web/Guide/CSS/Block_formatting_context)。
+> 3. 新的[区块格式化上下文](/zh-CN/docs/Web/CSS/CSS_display/Block_formatting_context)。
 
 ## 语法
 

diff --git a/files/zh-cn/web/css/css_animations/tips/index.md b/files/zh-cn/web/css/css_animations/tips/index.md
@@ -106,5 +106,5 @@ document.querySelector(".runButton").addEventListener("click", play, false);
 
 ## 参见
 
-- [Using CSS transitions](/zh-CN/docs/Web/Guide/CSS/Using_CSS_transitions)
+- [使用 CSS 过渡](/zh-CN/docs/Web/CSS/CSS_transitions/Using_CSS_transitions)
 - {{domxref("Window.requestAnimationFrame()")}}
diff --git a/files/zh-cn/web/css/css_animations/using_css_animations/index.md b/files/zh-cn/web/css/css_animations/using_css_animations/index.md
@@ -331,8 +331,8 @@ function listener(e) {
 
 {{EmbedLiveSample('使用动画事件', '600', '300')}}
 
-## See also
+## 参见
 
-- {{ domxref("AnimationEvent", "AnimationEvent") }}
-- [Detecting CSS animation support](/zh-CN/docs/CSS/CSS_animations/Detecting_CSS_animation_support)
-- [Using CSS transitions](/zh-CN/docs/Web/Guide/CSS/Using_CSS_transitions)
+- {{domxref("AnimationEvent", "AnimationEvent")}}
+- [CSS 动画的技巧](/zh-CN/docs/Web/CSS/CSS_animations/Tips)
+- [使用 CSS 过渡](/zh-CN/docs/Web/CSS/CSS_transitions/Using_CSS_transitions)
diff --git a/files/zh-cn/web/css/css_box_model/mastering_margin_collapsing/index.md b/files/zh-cn/web/css/css_box_model/mastering_margin_collapsing/index.md
@@ -12,7 +12,7 @@ slug: Web/CSS/CSS_box_model/Mastering_margin_collapsing
 - 相邻的兄弟元素
   - : 相邻的同级元素之间的外边距会被折叠（除非后面的元素需要[清除](/zh-CN/docs/Web/CSS/clear)之前的浮动）。
 - 没有内容将父元素和后代元素分开
-  - : 如果没有设定边框（border）、内边距（padding）、行级（inline）内容，也没有创建[区块格式化上下文](/zh-CN/docs/Web/Guide/CSS/Block_formatting_context)或[_间隙_](/zh-CN/docs/Web/CSS/clear)来分隔块级元素的上边距（{{cssxref("margin-top")}}）与其内一个或多个子代块级元素的上边距（{{cssxref("margin-top")}}）；或者没有设定边框、内边距、行级内容、高度（{{cssxref("height")}}）或最小高度（{{cssxref("min-height")}}）来分隔块级元素的下边距（{{cssxref("margin-bottom")}}）与其内部的一个或多个后代后代块元素的下边距（{{cssxref("margin-bottom")}}），则会出现这些外边距的折叠，重叠部分最终会溢出到父代元素的外面。
+  - : 如果没有设定边框（border）、内边距（padding）、行级（inline）内容，也没有创建[区块格式化上下文](/zh-CN/docs/Web/CSS/CSS_display/Block_formatting_context)或[_间隙_](/zh-CN/docs/Web/CSS/clear)来分隔块级元素的上边距（{{cssxref("margin-top")}}）与其内一个或多个子代块级元素的上边距（{{cssxref("margin-top")}}）；或者没有设定边框、内边距、行级内容、高度（{{cssxref("height")}}）或最小高度（{{cssxref("min-height")}}）来分隔块级元素的下边距（{{cssxref("margin-bottom")}}）与其内部的一个或多个后代后代块元素的下边距（{{cssxref("margin-bottom")}}），则会出现这些外边距的折叠，重叠部分最终会溢出到父代元素的外面。
 - 空的区块
   - : 如果块级元素没有设定边框、内边距、行级内容、高度（{{cssxref("height")}}）、最小高度（{{cssxref("min-height")}}）来分隔块级元素的上边距（{{cssxref("margin-top")}}）及其下边距（{{cssxref("margin-bottom")}}），则会出现其上下外边距的折叠。
 

diff --git a/...ide/css/block_formatting_context/index.md → ...display/block_formatting_context/index.md b/...ide/css/block_formatting_context/index.md → ...display/block_formatting_context/index.md
@@ -1,6 +1,6 @@
 ---
 title: 区块格式化上下文
-slug: Web/Guide/CSS/Block_formatting_context
+slug: Web/CSS/CSS_display/Block_formatting_context
 ---
 
 {{CSSRef}}