摘要: css清除浮動float的三種方法總結，為什麼清浮動？浮動會有那些影響？
一、拋一塊問題磚（display： block）先看現象：
分析html**結構：
<
divclass
="outer"
>
<
divclass
="div1"
>
1div
>
<
divclass
="div2"
>
2div
>
<
divclass
="div3"
>
3div
>
div>
.outer
.div1
.div2
.div3
（1）：背景不能顯示 （2）：邊框不能撐開 （3）：margin 設定值不能正確顯示
二、清楚css浮動：
方法一：新增新的元素 、應用 clear：both；
html：
<
divclass
="outer"
>
<
divclass
="div1"
>
1div
>
<
divclass
="div2"
>
2div
>
<
divclass
="div3"
>
3div
>
<
divclass
="clear"
>
div>
div>
.clear方法二：父級div定義 overflow: auto
（注意：是父級div也就是這裡的 div.outer
）html：
<
divclass
="outer over-flow"
>
//這裡新增了乙個class
<
divclass
="div1"
>
1div
>
<
divclass
="div2"
>
2div
>
<
divclass
="div3"
>
3div
>
div>
.over-flow原理：使用overflow屬性來清除浮動有一點需要注意，overflow屬性共有三個屬性值：hidden,auto,visible。我們可以使用hiddent和auto值來清除浮動，但切記不能使用visible值，如果使用這個值將無法達到清除浮動效果，其他兩個值都可以，其區據說在於乙個對seo比較友好，另個hidden對seo不是太友好，其他區別我就說不上了，也不浪費時間。
方法三： 據說是最高大上的方法
:after 方法：（注意：作用於浮動元素的父親）
先說原理：這種方法清除浮動是現在網上最拉風的一種清除浮動，他就是利用:after和:before來在元素內部插入兩個元素塊，從面達到清除浮動的效果。其實現原理類似於clear:both方法，只是區別在於:clear在html插入乙個div.clear標籤，而outer利用其偽類clear:after在元素內部增加乙個類似於div.clear的效果。下面來看看其具體的使用方法：
.outer /*==for ie6/7 maxthon2==*/
.outer
:after /*==for ff/chrome/opera/ie8==*/
最後：但不是不重要，也不是不知道！
下一標籤直接清浮動兄弟標籤浮動時，在下一標籤的屬性中直接寫入清除clear:both;這樣就可以清除以上標籤的浮動而不用加入空標籤來清除浮動。
$('.float').end().結語：清除浮動的方式雖然是有很多種，但是不是每種都適合你，也不是每種都能很好的相容所有瀏覽器，所以參照你覺得最好的方式去做，個人覺得方法三不錯，不需多於的標籤，而且也能很好的相容。再次again：當乙個內層元素是浮動的時候，如果沒有關閉浮動時，其父元素也就不會再包含這個浮動的內層元素，因為此時浮動元素已經脫離了
文件流。也就是為什麼外層不能被撐開了！
H5 之清除浮動 clear float
清除浮動，是高度得到修正，可以分三種方法 1 在容器的底部增加乙個元素，屬性設定為 clear clear有三個屬性值 clear left 不允許自身的左邊有float元素 clear right 不允許自身的右邊有float元素 clear both 不允許自身的兩邊有float元素 2 ove...
H5浮動與定位
h5的奇妙之處就在於它的變幻莫測，接下來我想談一下我對定位浮動的認知。什麼是浮動 首先要了解什麼是浮動 脫離文件流，預設在當前的行對既定的方向進行移動 預設橫排 用浮動可以解決什麼問題 使用浮動之前我們要想明白浮動都可以解決什麼問題 比如我們要放一排的div或是img，我們故可以通過除錯margin...
h5應用資料加密 H5定製開發方案
正文共計 815字預計 產品特性 快速迭代 h5常用於輕量級應用，例如 活動營銷頁面 拉新等，而這些相對開發成本比較低，也可滿足市場需求進行快速迭代。專屬方案 所想即所得，為客戶量身定製策劃方案 多種定製 提供活動營銷 商業 遊戲有效等多種定製 全新互動 互動性強，視覺效果佳，使用者的感官體驗好，可...