html中子div用了浮动怎样让父div的大小自动撑开(清除浮动)

浮动子div撑开父div的几种方法:

(1)在父div中在添加一个清除浮动的子div<div style=" clear:both;"></div>,该div不设置任何样式,只用来清除浮动

(2)在父div的css样式中设置overflow:hidden;zoom:1;

(3)设置父div也为浮动元素float:left;,这样设置的坏处是不能用margin:auto;实现居中

(4)设置父元素display:inline-block;,这样设置的坏处是不能用margin:auto;实现居中

(5)在父div中添加<br clear="both">子元素

(6)给父元素引用clearfix样式

  clearfix{

    zoom:1;

  }

  clearfix:after{

    content:"";

    display:block;

    claer:both;

  }

原文地址:https://www.cnblogs.com/yzhweb/p/7598076.html