• 浮動元素的特征有：
  1.塊在一排顯示；
  2.內聯元素支持寬高；
  3.無論是塊元素還是內聯元素，沒有寬度時默認內容撐開寬度；
  4.脫離文檔流；
  5.提升層級半級。
• 對其他浮動元素的影響：後浮動的元素永不會超過先浮動元素的頂端。
• 對普通元素的影響：浮動元素會從文檔正常流中刪除，使得緊挨它的元素位置發生偏移，影響布局。
• 對文字的影響：浮動元素向下延伸時，不會影響正常文本的顯示，文本會相對於浮動元素進行偏移。但部分文本背景會被浮動元素遮住。

• 八、清除浮動指什麽? 如何清除浮動?
  清除浮動指的是：在非IE瀏覽器（如Firefox）下，當容器的高度為auto,且容器的內容中有浮動（float為left或right）的元素，在這種情況下，容器的高度不能自動伸長以適應內容的高度，使得內容溢出到容器外面而影響布局的現象，為了防止這個現象的出現而進行的CSS處理，就叫CSS清除浮動。

  清除浮動的方法：
  1.使用帶clear屬性的空元素
  在浮動元素後使用一個空元素如<pre><div class="clear"></div></pre>，並在CSS中賦予<pre>.clear{clear:both;}</pre>屬性即可清理浮動。亦可使用<pre><br class="clear" /></pre>或<pre><hr class="clear" /></pre>來進行清理。
  2.使用CSS的overflow屬性
  給浮動元素的容器添加overflow:hidden;或overflow:auto;可以清除浮動，另外在 IE6 中還需要觸發 hasLayout ，例如為父元素設置容器寬高或設置 zoom:1。
  3.使用CSS的:after偽元素

html浮動