CSS-标准流，浮动

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/TheBestAge/article/details/84678410

标准流

  标准流：默认状态，元素在排版布局中采用从左往右，从上向下的排列方式。最终效果为窗体自上向下分布为多行元素，且每行从左向右分布的元素。
  在此基础上产生了块级元素和行内元素。在此补充可以采用属性display:inline的样式来将块内元素并为行内，使用display:block来将行内元素变为块内。具体可见[牛腩新闻发布系统-CSS](https://blog.csdn.net/TheBestAge/article/details/84672721)
  因为标准流的限制导致元素按照从左向右排列，且不能修改宽和高，所以产生了脱离标准流即浮动，定位和转换。

浮动

  在标准流里，元素并排排列且不能设置宽度和高度。而浮动可以摆脱这种现象。
  浮动的框可以向左或向右移动，直到它的外边缘接触到另一个的边框为止。 我们用示意图来解释这个过程：

                       

                       

                       

情况二：框1向左浮动，即脱离文档流，不占据空间，导致效果出现框1覆盖框2的现象。
                       

情况三：
                       

                           

参考资料：CSS 浮动