当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS网页布局问题:li上多出的margin问题

CSS样式表
人们期待的CSS3的10大功能
网页设计过程中推荐的命名规范
漂亮样式表在XHTML+CSS网页制作中的应用
10个非常有用但是IE浏览器不能使用的CSS属性
CSS教程:div仿框架方法
CSS实例:CSS制作的像素图
点击网页超级链接虚线怎么去除？
CSS网页布局的一些常见规则
CSS教程:overflow与text-indent:-9999px
CSS样式表在网页设计中的4个特性
haslayout是什么意思
CSS教程:让IE6支持position:fixed
用css实现表格外观的无序列表
替换和不可替换元素以及显示元素
CSS属性选择器制作个性化链接样式
Webjx推荐15个好的CSS网格布局生成器
html教程:pre标记里内容自动换行
CSS技巧教程:css书写技巧
css教程:DIV布局网页的常见错误
IE中img多出5px的空白解决4种方法

No. « 57 58 59 60 »

技术文章搜索

关键字

CSS样式表 中的 CSS网页布局问题:li上多出的margin问题

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-03   浏览: 109 ::
收藏到网摘: n/a

不知道大家知道这个问题不，在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,致使奇怪问题出现。