CSS浮动和块元素

我总是这样做,以确保始终清除浮动:

1. 将以下内容添加到CSS中:

   .clearfix:after {
       content: ".";
       display: block;
       clear: both;
       visibility: hidden;
       line-height: 0;
       height: 0;
   }
   
   .clearfix {
       display: inline-block;
   }
   
   html[xmlns] .clearfix {
       display: block;
   }
   
   `*` html .clearfix {
       height: 1%;
   }
   

   您还可以找到此代码 here .

2. 标记与类一起浮动的元素的每个父级 clearfix .

听起来问题在于清除浮动。但正如一条评论所说,截图是不错的。我个人通过设置溢出属性来清除浮动: http://www.quirksmode.org/css/clearing.html