css中所有脱离标准流的方法

在CSS的布局中，有时候需要将某个元素从标准流中脱离出来，让它可以自由地定位和排列。下面我们来介绍CSS中所有脱离标准流的方法：

1. position属性 

position属性有四个取值，分别是static（静态定位，默认）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）。其中，relative可以将元素相对于它原来的位置进行定位，absolute可以将元素相对于它最近的已定位祖先元素进行定位，fixed可以将元素相对于浏览器窗口进行定位。

2. float属性 

float属性可以将元素浮动到左侧或右侧，它可以实现元素的自适应布局，避免两个块级元素之间留下空白。

3. display属性 

display属性可以控制元素的显示方式，默认是block或inline。可以通过将元素的display属性设置为inline-block，使元素像行内元素一样被排列，但它可以设置宽度和高度。另外还有很多隐藏元素的display属性，如none、table等等。

4. overflow属性 

overflow属性可以用来处理元素的溢出内容，例如将父元素设置为overflow: hidden，可以让子元素不会超出父元素的边界。

5. z-index属性 

z-index属性可以控制元素的层叠顺序，即哪个元素在上面，哪个元素在下面。

6. transform属性 

transform属性可以对元素进行旋转、缩放、扭曲等变换。它能够非常灵活地调整元素的位置和形态。

以上就是CSS中所有脱离标准流的方法，它们可以让我们更加灵活地进行布局和定位。