ul中的li的高度在IE6撵枢、IE7民晒、IE8、FF下不兼容問(wèn)題的解決辦法
在頁(yè)面中有時(shí)候使用ul li列表時(shí)ie6锄禽、ie7潜必、ie8、FF的高度會(huì)不一樣(其中ie6與ie7高度一樣沃但，ie8與FF高度一樣)磁滚，設(shè)置高后使用 overflow:hidden;也無(wú)濟(jì)于事，這個(gè)問(wèn)題一直困擾著我宵晚，以至于我后來(lái)只能使用DIV來(lái)做列表垂攘，但是這樣只能說(shuō)是對(duì)付上的，但沒(méi)從實(shí)際上解決這個(gè)問(wèn)題淤刃。
后來(lái)在網(wǎng)上找到了一個(gè)方法晒他，在li樣式上加上vertical-align:bottom便解決了，但原因還是不理解逸贾，希望看到的朋友能給個(gè)合理的解釋陨仅，謝謝!
我查了下CSS幫助文檔，里面對(duì)vertical-align的描述是這樣的：
語(yǔ)法：
vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length
取值：
auto : CSS1 根據(jù) layout-flow 屬性的值對(duì)齊對(duì)象內(nèi)容
baseline : CSS1 默認(rèn)值铝侵。將支持 valign 特性的對(duì)象的內(nèi)容與基線對(duì)齊
sub : CSS1 垂直對(duì)齊文本的下標(biāo)
super : CSS1 垂直對(duì)齊文本的上標(biāo)
top : CSS1 將支持 valign 特性的對(duì)象的內(nèi)容對(duì)象頂端對(duì)齊
text-top : CSS1 將支持 valign 特性的對(duì)象的文本與對(duì)象頂端對(duì)齊
middle : CSS1 將支持 valign 特性的對(duì)象的內(nèi)容與對(duì)象中部對(duì)齊
bottom : CSS1 將支持 valign 特性的對(duì)象的內(nèi)容與對(duì)象底端對(duì)齊
text-bottom : CSS1 將支持 valign 特性的對(duì)象的文本與對(duì)象頂端對(duì)齊
length : CSS2 由浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值 | 百分?jǐn)?shù)掂名。可為負(fù)數(shù)哟沫。定義由基線算起的偏移量⌒拷椋基線對(duì)于數(shù)值來(lái)說(shuō)為0嗜诀，對(duì)于百分?jǐn)?shù)來(lái)說(shuō)就是0%猾警。請(qǐng)參閱 長(zhǎng)度單位 。目前IE尚未實(shí)現(xiàn)此參數(shù)
說(shuō)明：
設(shè)置或檢索對(duì)象內(nèi)容的垂直對(duì)其方式隆敢。
對(duì)于 currentStyle 對(duì)象而言此屬性的默認(rèn)值為 auto 发皿。對(duì)于其他對(duì)象而言是 baseline 。
此屬性對(duì)于 currentStyle 對(duì)象而言是只讀的拂蝎。對(duì)于其他對(duì)象而言是可讀寫的穴墅。
對(duì)應(yīng)的腳本特性為 verticalAlign 。
