css总结10：父标签没有定义高度，盒子异常移动

1 问题：在父标签没有定义高度的情况下，嵌套的盒子浮动后，父标签下面的元素发生位置错误。

2 解决方法：

2.1（大厂网页常用方法） 添加额外元素：

 即：父标签下添加一个元素（.clearfix），去清除浮动

  .clearfix:after{
      content: "";
      display: block;
      height: 0rem;
      line-height: 0;
      visibility: hidden;
      clear: both;
  }

 

2.2 给父级father元素使用属性 {overflow：hidden；}


2.3 给最后一个嵌套的浮动元素添加标签。
<div style="clear: both;"></div>

clear:both  /left /right
清除浮动

转载于:https://www.cnblogs.com/autoXingJY/p/8606032.html