浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题

需要浮动的元素可使用CSS中float属性来定义元素的浮动位置，left：往左浮动，right：往右浮动
浮动元素引起的问题：
 1.父元素的高度无法被撑开，影响与父元素同级的元素
 2.与浮动元素同级的非浮动元素会跟随其后
 3.若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构
解决方法：

使用CSS中的clear:both;属性来清除元素的浮动可解决2、3问题

问题1，添加如下样式，给父元素添加clearfix样式：

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}  /* for IE/Mac *