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

CSS样式表
用CSS实现鼠标单击特效
引入CSS样式的五种方式
用CSS实现文字变图象特效
expression将JS、Css结合起来
alt属性和title属性
CSS使用技巧20则
CSS重新定义项目符号和编号技巧
CSS编辑工具Topstyle轻松打造网页风格
深入探讨CSS中字体元素
CSS经典实用技巧18招
FCKeditor 实战技巧
China.com网站开发规范
小三角的做法与使用
网站首页head区代码规范
动态更改网页HTML元素(对象)内容
css静态滤镜 + A:Hover
解读absolute与relative
怎样管理好样式
2006.12.06更新 TopStyle剪辑库
又一个典型css实例

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 84 ::
收藏到网摘: 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,致使奇怪问题出现。