CSS_Hack記錄大全

標籤：os   java   ar   div   sp   問題   c   line   ef   

IE6/7實現display:inline-block

有兩種方法，第一種，先聲明該元素display:inline-block，觸發其layout，再在第二條樣式上再聲明為display:inline，如：

.test{display:inline-block; /*其他樣式...*/}.test{display:inline;}

第二種方法（推薦），利用IE6/7的Css專有首碼來觸發layout（感覺怎麼有點像js的setTimeout）:

.test{display:inline-block; *zoom: 1; *display: inline;}

IE6雙倍浮動行距

在IE6下，當一個div在另一個div向左浮動，並且帶有margin-left的樣式，那麼這時它的左邊距是樣式定義的雙倍，同理如果是向右浮動和margin-right，效果是一樣的。不過在此後浮動的div的邊距反倒是沒問題的，只是第一個有此問題。

這時，解決的方法是：簡單給該div加個_display:inline;樣式即可

CSS_Hack記錄大全