消除css的float属性对父div的影响（解决浮动导致父div塌陷的问题）

      <div className = 'parent'>
              <div className = 'left'>很多很多很多很多很多很多很多很多很多很多很多很多很多很多很多很多很多很多很多内容</div>
              <div className = 'right'>内容</div>
      </div>

css

.left{
 float: left;
}
.right{
  float: right;
}

按照上面的写法，parent里面的left和right在左右浮动后，parent盒子的高度对受到影响
解决方法,在parent里面在增加一个盒子，设置清除浮动

 <div className = 'parent'>
              <div className = 'left'>很多很多很多很多很多很多很多很多很多很多很多很多很多很多很多很多很多很多很多内容</div>
              <div className = 'right'>内容</div>
              <div className = 'clear'></div>
 </div>

css

.left{
 float: left;
}
.right{
  float: right;
}
.clear{
      clear: both;
 }