关于盒子大小 清除浮动

比如设计图盒子大小为850px*170px，由前端页面浏览器显示出来即会被子级盒子多出来2px，清除多出来2px的解决办法是

在style标签里面最上面即可

*{

    box-sizing:border-box;

   -moz-box-sizing:border-box; /* Firefox */火狐浏览器

  -webkit-box-sizing:border-box; /* Safari */浏览器兼容问题

}

比如一个大盒子里放2个小盒子，即一左一右，大盒子要清除浮动
代码如下：

div.c{大盒子

850px;

height: 170px;

background: e6e6e6;

border: 1px red solid;

display: flex;清除浮动

}

左盒子float:left;

右盒子float:right;