CSS中文档标准流和脱离文档流是什么
文档标准流（Normal Flow）是指元素按照其在HTML文件中的出现顺序，依次排列的默认布局方式。在文档标准流中，元素的位置由其前面的元素所决定，并且元素的默认宽度会根据其内容自动调整。
脱离文档流（Out of Flow）是指元素与文档标准流的布局方式不一样，它可以按照自己的规则进行布局。脱离文档流的元素可以悬浮在其他元素的上面，或者从正常流中移除，不占用原本该位置的空间。
在CSS中，元素可以通过设置position属性来改变其布局方式，有以下几种常见的布局方式：
1. 静态定位（Static Positioning）
静态定位是元素的默认布局方式，元素按照其在HTML文件中出现的顺序排列。在文档标准流中，元素的位置由其前面的元素所决定。
2. 相对定位（Relative Positioning）
相对定位使得元素相对于其正常位置进行定位。元素通过设置top、right、bottom、left属性来指定它相对于正常位置的偏移量。相对定位不会使得元素脱离文档流，其他元素仍然会按照正常流布局。
3. 绝对定位（Absolute Positioning）
绝对定位使得元素脱离文档流，并相对于其最近的非静态定位的父元素进行定位。如果没有符合条件的父元素，元素将相对于body元素进行定位。元素通过设置top、right、bottom、left属性来指定其位置。绝对定位的元素不会占用正常流中的位置，其他元素会忽视它的存在。
4. 固定定位（Fixed Positioning）
固定定位使得元素相对于浏览器窗口进行定位。元素通过设置top、right、bottom、left属性来指定其位置。固定定位的元素会像绝对定位一样脱离文档流，不占用正常流中的位置。不同之处在于，固定定位的元素的位置是相对于浏览器窗口而不是文档的。
另外，还有一种特殊的布局方式，浮动布局（Float），它可以将元素从正常流中移除，并html里的float是什么意思
使得元素“浮动”在其他元素的左侧或右侧。通过设置float属性为left或right，元素可以向左或向右浮动。浮动元素会被移动到其父元素的左侧或右侧，并尽量向上靠拢。其他元素会环绕浮动元素。
总结一下，文档标准流是元素按照其在HTML文件中的出现顺序进行布局的默认方式，而脱离文档流可以通过设置position属性（如相对定位、绝对定位、固定定位）或float属性来改变元素的布局方式。脱离文档流的元素不会占用正常流中的位置，可以自由地进行定位或浮动。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。