ul在Firefox和IE下的不同表现

最近做了个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添加背景图片，也是很不错的选择。

转载于:https://www.cnblogs.com/boringlamb/archive/2008/04/13/1151609.html

ul在Firefox和IE下的不同表现相关推荐

linux火狐网页无声音,解决Firefox在Ubuntu下播放Flash无声音的问题
安装了Ubuntu Linux系统,在使用Firefox打开Flash是,光有图像没有声音,但播放MP3.视频等均正常,通过网上查找相关方法,一直无效,后来找到下面方法有效,留此作为存档. 打开&qu ...
点聚weboffice在ie，firefox，chrome下的区别
一,事件注册以为例NotifyToolBarClick 在ie下,这么用 <SCRIPT language=javascript event=NotifyToolBarClick(iIndex ...
小米 MIX 4：屏下摄像头的表现
手上的这款是影青灰配色,这种灰色不是单纯的灰,而是加入了一种淡淡的青蓝调.据官方的介绍,这种青灰配色灵感就是取自于中国北宋年间传统的陶瓷珍品 -- 影青瓷.这种颜色的烧制要比常见的陶瓷黑和陶瓷白更为复 ...
css firefox火狐浏览器下的兼容性问题
1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-alig ...
linux firefox 脚本,linux下调整firefox的有用设置（高分辨率下需要）
注:自己一般比较喜欢opensuse,所以以下所说皆是在opensuse下的做法,在其他发行版下应该也差不多 firefox69 默认禁用了userchrome.css,需要把about:config ...
通过uc.js实现pc firefox页面向下滚动自动隐藏导航栏，复刻firefox移动版的丝滑体验
页面向下滚动自动隐藏firefox导航栏简述 firefox移动版有个滑动页面浏览时自动隐藏导航栏的功能,这个功能很机智,能够最大化的同时让你尽量无感.然后想在pc实现这个功能,搜了一下发现uc.j ...
linux下firefox日志,Linux下最新Firefox文件配置技巧
配置文件夹作者:兄弟连在开始配置您的文件之前,您应当知道怎么找到通常称为"配置文件夹".配置文件夹是位于您硬盘中某处,供 Mozilla Firefox 存放您的所有个人设置的 ...
关于Firefox在Win8下界面显示错乱的解决方法
最近又把Windows8安装上,由于平常做前端开发用的最多的还是Firefox,因此在家的机器上也安装上Firefox,但使用中发现Firefox界面老是错误,特别是那种乱套的颜色,不得其解,查看设置 ...
移动端UL列表无法平滑向下滚动问题
问题说明: 移动端向上滑动后,,列表无法自动滚动到底部~~而是类似屏幕"沾手"的效果(手离开屏幕直接停止在当前~列表不会自动向下滚动一段) 问题原因: 页面中存在如下代码: 当前页 ...
手把手教你搭建firefox火狐浏览器下的自动化测试环境
自动化测试是时代趋势,因此很多测试人员开始研究自动化测试,web自动化测试化测试并不难,但是很多人都是被挡在了环境搭建这一步,后面学习激情全无,这里,我来手把手教大家搭建火狐浏览器下的自动化测试环境. ...

ul在Firefox和IE下的不同表现

ul在Firefox和IE下的不同表现相关推荐

最新文章

热门文章