单独使用li时应注意的问题和解决方法

/*解决方法*/

list-style-position:outside;

list-style-type:none;

/*解决*/

以下转自http://www.cnblogs.com/scgw/archive/2007/04/30/732980.html

list-style-image :
取值：
none :? 默认值。不指定图像
url ( url ) :? 使用绝对或相对 url 地址指定图像

说明：
设置或检索作为对象的列表项标记的图像。
若此属性值为 none 或指定 url 地址的图片不能被显示时， list-style-type 属性将发生作用。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 listStyleImage 。

list-style-position :
取值：
outside :? 默认值。列表项目标记放置在文本以外，且环绕文本不根据标记对齐
inside :? 列表项目标记放置在文本以内，且环绕文本根据标记对齐

说明：
设置或检索作为对象的列表项标记如何根据文本排列。
假如一个列表项目的左外补丁( margin-left )被设置为 0 ，则列表项目标记不会被显示。左外补丁( margin-left )最小可以被设置为 30 。
仅作用于具有 display 属性值等于 list-item 的对象。如 li 对象。
注意： ol 对象和 ul 对象的 type 属性为其后的所有列表项目(如 li 对象)指明列表属性。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 listStylePosition 。

list-style-type :
取值：
disc :? CSS1 默认值。实心圆
circle :? CSS1 空心圆
square :? CSS1 实心方块
decimal :? CSS1 阿拉伯数字
lower-roman :? CSS1 小写罗马数字
upper-roman :? CSS1 大写罗马数字
lower-alpha :? CSS1 小写英文字母
upper-alpha :? CSS1 大写英文字母
none :? CSS1 不使用项目符号
armenianl :? CSS2 未支持。传统的亚美尼亚数字
cjk-ideographic :? CSS2 未支持。浅白的表意数字
georgian :? CSS2 未支持。传统的乔治数字
lower-greek :? CSS2 未支持。基本的希腊小写字母
hebrew :? CSS2 未支持。传统的希伯莱数字
hiragana :? CSS2 未支持。日文平假名字符
hiragana-iroha :? CSS2 未支持。日文平假名序号
katakana :? CSS2 未支持。日文片假名字符
katakana-iroha :? CSS2 未支持。日文片假名序号
lower-latin :? CSS2 未支持。小写拉丁字母
upper-latin :? CSS2 未支持。大写拉丁字母