ul在Firefox和IE下的不同表现的解决方法
更新时间：2007年08月14日 09:53:40 作者：
最近做了个oblog的系统模板，其中涉及到了ul，所以就整理出了这篇文章+这张大图。
ul是一个很常用的标签，但是因为它在Firefox和IE下的不同表现，让人觉得它是个很难以控制的标签。
ul在Firefox下有个padding值， 却没有margin值；而在IE下正好相反，ul有个margin值， 却没有padding值。【下图中的第二第三例的对照可以看出】
在Firefox下，ul的list-style默认是处于内容的外边缘的。当然可以通过css可以将list-style置为内容的内边缘。
通过权衡得到适合两个浏览器的设置：padding:0; margin:0; list-style:inside;。还可以将ul设置为padding:0; margin:0; list-style:none;，然后给li添加背景图片，也是很不错的选择。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
ul是一个很常用的标签，但是因为它在Firefox和IE下的不同表现，让人觉得它是个很难以控制的标签。
ul在Firefox下有个padding值， 却没有margin值；而在IE下正好相反，ul有个margin值， 却没有padding值。【下图中的第二第三例的对照可以看出】
在Firefox下，ul的list-style默认是处于内容的外边缘的。当然可以通过css可以将list-style置为内容的内边缘。
通过权衡得到适合两个浏览器的设置：padding:0; margin:0; list-style:inside;。还可以将ul设置为padding:0; margin:0; list-style:none;，然后给li添加背景图片，也是很不错的选择。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
position:relative/absolute无法冲破的等级
position:relative/absolute无法冲破的等级...2007-03-03
这篇文章介绍了一种通过CSS3实现的视差（Parallax）效果，这个效果通过在一个元素上叠加多个背景图片，并使用-webkit- transition-属性来实现。2009-04-04
对于页面来说，字体的大小设置是比较重要的，网上搜集了一些关于网页中字体大小的数据对比，在这共享出来给大家一起看看，希望对大家在页面制作过程中有所帮助！2008-10-10
不错的使iframe透明的方法不用每次都要改iframe里的背景颜色了2008-08-08
从今天开始，我将全面的共享出我所能理解的所有WEB标准方面的知识放在这个“WEB标准能有多难？”的专栏里。当然由于振之的水平有限，所讲并非是完全正确的。在看了这个专栏的文章的时候要理性的分析，要有自己的判断，欢迎各位朋友提出自己的看法与意见。2008-04-04
使用display:none时隐藏DOM元素无法获取实际宽高的解决方法
这篇文章主要介绍了使用display:none时隐藏DOM元素无法获取实际宽高的解决方法的相关资料,需要的朋友可以参考下2022-07-07
绝对定位的DIV宽度自动适应的一个方法...2007-02-02
文章内容页广告浮于左上角的解决办法...2007-03-03
最近对H1的讨论很多（在文章内容页中），大致有以下两种情况： H1应该用于文章的标题上 H1应该用于站点的标题上2008-04-04
用css alpha 滤镜 实现input file 样式美化代码
用css alpha 滤镜 实现input file 样式美化代码...2007-12-12
最新评论