list-style:none outside none

昨晚在看一个网站的代码的时候，我发现那个网站去掉ul的列表符采用list-style：none outside none；我平常都是用list-style：none；那为什么要这么用呢？原因是：
在IE6,7中,与list-style:none的表现一模一样.在IE6,7中当UL具有float和display:inline属性后,设置了 list-style:none,则list-style-position也默认为inside了，即列表符被隐藏,但是仍然留有位置(list- style-position:inside);当UL不具有float和display:inline;时，无论有没有list-style:none 这个属性,列表符都被隐藏,不占位置。请看下面的代码：
<style type="text/css">
body,ul,li,p {padding:0;margin:0;font-size:12px;}
p{font:bold 16px/180% arial;}
div{float:left;display:inline;background:#eee;margin-right:10px;}
p span{text-decoration:line-through;}
ul{width:275px;margin:4px 0 0 15px;background:aqua;}
  .ul01{float:left;display:inline;}
.ul01,.ul01 li{list-style:none ;}
</style>

<div>
   <p>1: list-style:none;</p>
   <ul class="ul01">
<li><a href="#">aaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaaaaaaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaaaaaaaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaaaaaaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaaaaaaaaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaaaaaaaaaaaaaaaaaa</a></li>
   </ul>
   </div>

在ie6,7的效果是

在其他现代浏览器的效果是：

通过上面代码表现结果的对比,
而在IE6,7中,仅设置list-style:none,并不足以解决所有问题
所以我认为在css reset的时候使用 list-style:none outside none 更好
这个是我在蓝色理想上面看到的，原文请到http://www.blueidea.com/tech/web/2010/7616.asp上看。

来源：https://www.cnblogs.com/erlan80/archive/2012/07/13/2589000.html

标签

list-style