浮动

浮动

设置浮动的愿意是为了让元素能横向排列
可以给子元素设置浮动元素float: left; 但是给子元素设置浮动以后，子元素脱离文档流，子元素的父元素就没有高度，这样就会造成高度塌陷的问题

解决方法 是给父元素设置类目clearfix

给父元素设置clearfix的样式

格式如下：.clearfix::after{
      content: "";
      /* clear:both; 必须写在块级元素下才可以生效。 */
      clear: both;
      display: block;}
 

行内快元素display与浮动float：laft 的区别是
display会造成元素与元素换行的时候会产生间隙空格，此时可以给父元素设置font-size设置字号为“0”
再给子元素设置正常的字号即可。