前言：*小伙伴们常常在前端开发过程中会使用到float元素，目的为了更好布局。当一个内层元素是浮动的时候，如果没有关闭浮动时，其父元素也就不会再包含这个浮动的内层元素，因为此时浮动元素已经脱离了文档流。父级元素就不会被撑开，也就常常会出现布局混乱的现象，在查看父级元素的时候也获取不到高度，因此今天我们Legendshop推荐常用的几种清除浮动的方法。

第一种：添加新的元素，应用clear：both

HTML

<div class="outer">

 <div class="div1">1