css浮动

  1.脱离标准文档流

      影响：破坏乐布局，布局错乱

      规范：同级之间，加float属性，其余也要加

      2.不脱离文本流 

 

         浮动导致 父级盒子塌陷

       

        解决办法：

        1. 父级盒子加高（不能自动撑开，高是固定的，不够灵活）

        2. 父级盒子加 overflow: hidden; （自动撑开，但会导致溢出的部分无法显示）

        3. 加一个无内容的空盒子：clear: both;（必须无意义无宽高）

        4. 父盒子加伪类属性 ::after { content: '';display:block; clear:both}(达到添加无意义空盒子的效果且不受影响)

        

 

 

 

 右浮动