ul 默认边距的兼容与解析

先看下ul在各浏览器下的表现

1.默认情况下各浏览器的表现

ul {
list-style:none;/*去除ul列表圆点*/
}

2.给ul定义左边界为0.

ul {
list-style:none;/*去除ul列表圆点*/
margin-left:0;/*左边界为0*/
}

3.给ul定义左填充为0.

ul {
list-style:none;/*去除ul列表圆点*/
padding-left:0;/*左填充为0*/
}

在IE中ul默认的边距是margin，在Firefox中ul默认的边距是padding。

我们只要同时加上{margin:0px; padding:0px;}这样子在IE和FF里面的效果一样啦。

1.给ul同时定义margin和padding

ul {
list-style:none;/*去除ul列表圆点*/
margin:0;/*边界为0*/
padding:0;/*填充为0*/
}

2.全局定义 个人推荐:在开始写CSS时就全局定义margin,padding

* {
margin:0;/*边界为0*/
padding:0;/*填充为0*/
}

通过上面两种解决方法 IE/Friefox 表现都可以达到一至了。

https://bbs.blueidea.com/thread-2729525-1-1.html
https://www.blueidea.com/tech/web/2007/4555.asp