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

CSS样式表
CSS入门 XHTML文档结构树
IE6下 vertical-align:middle 和 height 引发的边框消失
详解CSS（层叠样式表）渐进增强
css vertical-align属性详细图解分析
CSS 垂直居中的5种实现方法
css 条件注释使用指南
CSS 样式表书写风格分析
CSS教程:条件注释的格式以及作用
探讨：网页外部引用CSS的两种方式
简化的CSS Reset:15套CSS重设实例
CSS技巧：IE6用import导入CSS的问题
编写适合所有项目的通用的reset.css
英文css教程：Introduction CSS
CSS学习之CSS网页制作的10个技巧
条件CSS的高级用法
纯语义化XHTML CSS设计表单方法
CSS 浏览器兼容问题整理大全(比较全)
import link的具体区别
菜单 stepdown 呈递下沉的解决方法
CSS3 box-sizing属性

No. « 75 76 77 78 »

技术文章搜索

关键字

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

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