解答：給input框增加vertical-align:bottom;
2.問：ie下display:inline-block不起作用。
答：display:inline-block後面增加*display:inline;*zoom:1;具體參見：該文對inline-block有詳細分析。
3.問：如何取消inline-block元素之間的間距。
答：1.給父盒子設定font-size：0，再把當前元素的font-size設回。2.給當前元素設定float:left。
4.問：如何清除浮動
答：1.在需要清除浮動的盒子內新增額外的元素並設定clear:both.
2.需要清除浮動的盒子設定overflow:hidden。前提是該盒子沒有height屬性。
3.給父元素新增.clearfix類，並設定樣式如下：
.clearfix:before,5.height和line-height:行內元素沒有height屬性。.clearfix:after
.clearfix:after
.clearfix
6.div居中：給父元素設定文字居中，再給子元素設定margin:0 auto。
7.讓div剛好佔滿整個螢幕：給div本身和其所有父元素（html，body...）設定height和width100%；
8.需要事件觸發的動畫用transition實現，不需要事件觸發的動畫用animation實現。
css雜記 css相容處理雜記 1
1 ios上輸入框 input 輸入區域 textarea 在框體內側頂部會有灰色陰影，去掉的方法 input textarea 2 chrome在輸入框 input 輸入區域 textarea 被聚焦 focus 時，會多出藍色 黃色邊框，去掉方法 input focus textarea foc...
css雜記 css相容處理雜記 2
1 ie上對於沒有內容的a標籤，使用display block會失效 解決辦法 給這個a設乙個背景色 然後透明度調成透明即可 2 css強制換行 word wrap break word 3 css一行太長，最後用省略號表示 display inline block text overflow el...
雜記 CSS布局
1.側邊欄的高度自適應，如圖 右邊的其他方式登入的白色豎條div要根據下面的內容自適應高度。這個頁面總的布局是 可能有多個按鈕 1.1 其中的body為了能水平居中，所以有以下屬性 margin 0 auto display flex direction row 為了讓子div能高度自適應，所以再新...