成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

常用的清除浮動的方法有以下三種。
此為未清除浮動源代碼，運行代碼無法查看到父級元素淺黃色背景。

Left Right
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

1、使用空標簽清除浮動。我用了很久的一種方法，空標簽可以是div標簽，也可以是P標簽。我習慣用<P>，夠簡短，也有很多人用<hr>，只是需要另外為其清除邊框，但理論上可以是任何標簽。這種方式是在需要清除浮動的父級元素內部的所有浮動元素后添加這樣一個標簽清楚浮動，并為其定義CSS代碼：clear:both。此方法的弊端在于增加了無意義的結構元素。

Left Right
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

2、使用overflow屬性。此方法有效地解決了通過空標簽元素清除浮動而不得不增加無意代碼的弊端。使用該方法是只需在需要清除浮動的元素中定義CSS屬性：overflow:auto，即可！"zoom:1"用于兼容IE6。
Left Right
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

3、使用after偽對象清楚浮動。該方法只適用于非IE瀏覽器。具體寫法可參照以下示例。使用中需注意以下幾點。一、該方法中必須為需要清除浮動元素的偽對象中設置height:0，否則該元素會比實際高出若干像素；二、content屬性是必須的，但其值可以為空，藍色理想討論該方法的時候content屬性的值設為"."，但我發現為空亦是可以的。

Left Right
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

此三種方法皆有一定弊端，使用時應擇優選擇，比較之下第二種方法更為可取。以上方法，并非原創，皆來源于網絡，在此小作整理，原作者保留所有權利。