DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS網頁布局問題:li上多出的margin問題
CSS網頁布局問題:li上多出的margin問題
編輯:CSS進階教程     

網頁制作Poluoluo文章簡介:不知道大家知道這個問題不,在ie6的情況。假如ul中的li被設置了浮動,而ul本身有設置padding-top.你會發現li無端端多出了根ul的padding-top一樣寬的margin-top(在浮動的li元素的數目已使分行的時候出現)。

不知道大家知道這個問題不,在ie6的情況。假如ul中的li被設置了浮動,而ul本身有設置padding-top.你會發現li無端端多出了根ul的padding-top一樣寬的margin-top(在浮動的li元素的數目已使分行的時候出現)。

解決方法:

1.請不要設置ul的padding,可以用margin代替,實在不行只能嵌套解決。

2.給ul設置zoom:1;overflow:hidden

3.設置ul的寬度或者高度

問題原因:ie6(或7)在這種情況下,ul的沒有獲得layout,致使奇怪問題出現。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved