解决子组件漂浮引起的父组件没有被撑高

 在子组件中使用float:left/right时,子组件就产生了浮动,此时就无法撑高没有浮动的父组件。
 解决方法:
 在父组件中加入类clearfix,clearfix的样式为:
             .clearfix{
              zoom: 1;
          }
           .clearfix:after{ clear:both; display:block; content:""; height:0px; overflow:hidden;}

在这里插入图片描述HTML

猜你喜欢

转载自blog.csdn.net/qq_36971710/article/details/82999546