1.做H5 App頁面時，有時候，按鈕可能會放到頁面的最底下，這個時候可能會用到絕對定位（position: absolute），但是，當(dāng)input 輸入框被點擊時，彈出的軟鍵盤會頂起底部的按鈕，就像這樣：
這個時候，可以給 底下的 Button 或者包含這個Button的Div ?添加一個CSS樣式：z-index: -1
但是，這種方法只適用于內(nèi)容不滿一屏的情況下可以用，否則，就找不到按鈕了
2.禁用input的自動提示功能
將input元素的autocomplete屬性設(shè)置為off可以關(guān)閉自動提示，如果所有表單元素都不想使用自動提示功能，只需在表單form上設(shè)置autocomplete=off。
3.背景透明，文字不透明的辦法
background-color:rgba(255,255,255,0.15) ? ->最后一位代表透明度
4.什么是CSS清除浮動？
在非IE瀏覽器（如Firefox）下，當(dāng)容器的高度為auto，且容器的內(nèi)容中有浮動（float為left或right）的元素，在這種情況下，容器的高度不能自動伸長以適應(yīng)內(nèi)容的高度，使得內(nèi)容溢出到容器外面而影響（甚至破壞）布局的現(xiàn)象。這個現(xiàn)象叫浮動溢出，為了防止這個現(xiàn)象的出現(xiàn)而進(jìn)行的CSS處理，就叫CSS清除浮動。
推薦使用偽類after的方法來清除浮動，通過CSS偽元素在容器的內(nèi)部元素最后添加了一個看不見的空格"020"或點"."，并且賦予clear屬性來清除浮動。需要注意的是為了IE6和IE7瀏覽器，要給clearfix這個class添加一條zoom:1;觸發(fā)haslayout。
.clearfix:after{
? ? ? content: "020";
? ? ? ?display: block;
? ? ? ? height: 0;
? ? ? ? clear: both;
? ? ? ? visibility: hidden;
}
.clearfix {
? ? /* 觸發(fā) hasLayout */
? ? ?zoom: 1;
}
5.overflow:hidden會影響inline-block布局，使用垂直對其可以修正這種情況
.a,.b{width:48%;height:30px;line-height:30px;display:inline-block;vertical-align: bottom;}
