CSS網頁製作技巧:ul的li高度不相容問題解決方案

文章簡介：ul中的li的高度在IE6、IE7、IE8、FF下不相容問題的解決辦法。

在頁面中有時候使用ul li列表時ie6、ie7、ie8、FF的高度會不一樣(其中ie6與ie7高度一樣，ie8與FF高度一樣)，設定高後使用 overflow:hidden;也無濟於事，這個問題一直困擾著我，以至於我後來只能使用DIV來做列表，但是這樣只能說是對付上的，但沒從實際上解決這個問題。

後來在網上找到了一個方法，在li樣式上加上vertical-align:bottom便解決了，但原因還是不理解，希望看到的朋友能給個合理的解釋，謝謝!

我查了下CSS協助文檔，裡面對vertical-align的描述是這樣的：

文法：

vertical-align : auto baseline sub super top text-top middle bottom text-bottom length

取值：

auto :　CSS1 根據 layout-flow 屬性的值對齊對象內容
baseline :　CSS1 預設值。將支援 valign 特性的對象的內容與基準對齊
sub :　CSS1 垂直對齊文本的下標
super :　CSS1 垂直對齊文本的上標
top :　CSS1 將支援 valign 特性的對象的內容對象頂端對齊
text-top :　CSS1 將支援 valign 特性的對象的文本與對象頂端對齊
middle :　CSS1 將支援 valign 特性的對象的內容與對象中部對齊
bottom :　CSS1 將支援 valign 特性的對象的內容與對象底端對齊
text-bottom :　CSS1 將支援 valign 特性的對象的文本與對象頂端對齊
length :　CSS2 由浮點數字和單位標識符組成的長度值 百分數。可為負數。定義由基準算起的位移量。基準對於數值來說為0，對於百分數來說就是0%。請參閱 長度單位 。目前IE尚未實現此參數

說明：

設定或檢索對象內容的垂直對其方式。
對於 currentStyle 對象而言此屬性的預設值為 auto 。對於其他對象而言是 baseline 。
此屬性對於 currentStyle 對象而言是唯讀。對於其他對象而言是可讀寫的。
對應的指令碼特性為 verticalAlign 。