web前端——浮动float

    <!--

        标准文档流：元素在包含块（父元素）排列时从上向下，从左向右

        浮动：

          属性：

              float

                取值：right（右），left（左）

     -->

    <!--

        浮动元素的特点：

          1.浮动元素上方有在标准文档流中的块元素，浮动元素不会上移

          2.浮动元素浮动不会超出包含块

          3.浮动元素脱离标准文档流=>就不用考虑元素性质，都可以设置宽高，一行显示

          4.浮动元素后面再标准文档流中的元素会上移=》原因：标准文档流符合一行排完才会到下一行

          5.浮动元素会覆盖标准文档流中元素，除了文本内容

      -->