如果不设置浮动，显示如下。如果只设置blockafloagt:left:结果如下：blocka脱离了文档原来的正常流向，不再占据原来的位置，所以b移动到a原来的位置，因为a是浮动的，会覆盖b，因为父元素没有设置高度，所以父元素的高度由子元素决定，现在是b的高度，a浮动后超过了父元素的高度.现在将blockb设置为floagt:left，这样两个块元素可以显示在一行中：现在我们可以看到，虽然两个块元素显示在一行中，但是现在父元素的高度为0，会影响siblings元素的排版，所以我们现在要解决这个问题，所以我们使用清除浮动的操作和清除浮动的方法。清除浮动后，正常显示如下：1、父元素高度固定时，直接设置父元素高度height:200px即可正常显示2、添加块元素，使用clear:both清除