深入了解CSS（显示、浮动、位置）

显示用于设置元素的显示。

显示：块没有内联内联块| | |

内联：指定的对象是内联元素。

块：指定的对象是块元素。

内联块：指定的对象是内联块元素。

无：隐藏对象

浮子控制元件浮子显示

浮：没有正确的| |

无：设置对象不浮动

左侧：将对象设置为在左侧浮动。

右：设置对象在右边浮动。

浮动的目的：

它是为了打破文档流的默认显示规则。如果您希望根据我们的布局要求显示元素。此时，将使用浮点属性。

1。浮动的任何确认元素都自动设置为块级元素；

2。浮动元素从标准浏览器中的文档流中分离出来，因此浮动元素之后的元素将占据浮动元素的位置。

三.如果在水平方向上没有足够的空间容纳浮动元件，请转到下一行。

4。文本内容将围绕浮动元素。

5。浮动元素只能浮动到左边或右边。

清除清除浮动

明确：没有左右两| | |

无：默认值。允许双方拥有浮动对象。

左边：左边没有浮动物体。

右：右边没有浮动物体。

两个：不允许浮动对象。

位置对象的定位方式

位置：静态绝对固定的相对| | |

静态：默认值。没有位置，对象遵循规则流。此时4个位置偏移属性将不被应用。

相对：相对位置，对象遵循规则流，它不影响规则流中的任何元素，当它位于规则流中的位置时，它是由上、右、左、左的位置、偏移属性所抵消的。

绝对位置。对象与常规流分离。此时，迁移属性引用最近的位置元素。如果没有祖先元素，它将返回到体元素。该框的位置不影响正则流中的任何元素，其边缘不与任何其他边缘折叠。

修正：固定定位，与绝对一致，但偏移位置是基于窗口作为参考。当滚动条出现时，对象不会滚动滚动。

绝对的解释：

1。文档外流

2。通过顶部，底部，左边，右边的位置

三.如果父元素位置是静态的，它将位于体坐标原点。

4。如果父元素位置是相对的，它将与父元素一起放置。

例如：div {位置：绝对；左：100px；顶部：100px；}

相关解释：

1。相对定位（相对于其初始位置）

2。不在文档流之外

三.通过顶部、底部、左侧、右侧位置来引用自己的静态位置。

例如：div {位置：相对；左：100px；顶部：100px；}

固定的解释：

固定位置实际上是绝对定位的一种特殊形式。固定位置元素相对于浏览器窗口是固定的，而不是相对元素。即使页面被滚动，它们在浏览器窗口中仍然是完全相同的。

示例：div位置：固定；右：0；底部：0；}

The stacking order of Z-index objects

Z：自动编号|

当一个元素重叠，可以设置z-index层叠的顺序

具有较大数值的对象覆盖在数值较小的对象上。
上面的CSS（显示，浮动，位置）的深入了解，萧边分享了你的全部内容。我希望能给你一个参考，希望你能支持它。