css - 项目符号在 Chrome 和 IE 中的位置

Question

我遇到了子弹位置的问题 它在 Firefox 中看起来很好，但在 Chrome 和 IE 中它变得一团糟

火狐：

铬/IE：

这是显示的 div 的 css

background: url("/images/divider_right_top.jpg") no-repeat scroll left top transparent;
font-size: 12px;
margin-bottom: 20px;
overflow: auto;
padding: 20px;

Answer 1

您必须像这样在 css 中直接设置 UL：

#yourdiv ul{ list-position:outside; /*(or inside as you need)*/ 
             padding:20px;}

这应该工作

Answer 2

为这样的列表元素提供CSS'

li
{
background: url(/images/divider_right_top.jpg) no-repeat left;
padding-left: 10px;
list-style-type: none;
}

Answer 3

不要设置填充。使用边距。

ul { margin: 1em 0; } li { margin: 0 0 0 1.4em }