Html chrome的定位问题

在我添加以下内容后，底部的文本小部件（CPFL）在IE和FF中显示良好：

 <ul style="position:relative; right:25px;">

到名单上

---

在Chrome中，它的位置过于左侧。我试图用-webkit属性找到一种方法来更正它，但无法解决。

我发现您有一系列

然而，在一个特定的小部件中，您使用一个无序列表，而在上面的每个小部件中，您奇怪地忽略了

标记。比如说,

<div class="textwidget">           
<li><a rel="nofollow" href="http://www.ribeiraopreto.sp.gov.br/daerp/jw04informacaoCadastral.htm" title="Informação Cadastral" target="_blank">» Informação Cadastral</a></li>
<li><a rel="nofollow" href="http://www.ribeiraopreto.sp.gov.br/daerp/jw04informacaoDebito.htm" title="Informação de Débito" target="_blank">» Informação de Débito</a></li>
<li><a rel="nofollow" href="http://www.ribeiraopreto.sp.gov.br/daerp/jw04segundaViaConta.htm" title="Segunda via da conta" target="_blank">» Segunda via da conta</a></li>
<li><a rel="nofollow" href="http://www.ribeiraopreto.sp.gov.br/daerp/jw04rdd.htm" title="Guia de arrecadação - RDD" target="_blank">» Guia de arrecadação – RDD</a></li>
<li><a rel="nofollow" href="http://www.ribeiraopreto.sp.gov.br/daerp/i04dc-indice.php" title="Dicas ao consumidor" target="_blank">» Dicas ao consumidor</a></li>
</div>

在此HTML中，没有包含

项的

。但是在有问题的小部件中，确实有

标记

---

更新：如果您将有问题的小部件中的

更改为

，并去除您添加的相对位置，它们将完美对齐。

首先，在编写HTML代码时，请尝试遵循最佳实践和建议。我想到的第一件事是你的

物品没有包装在

标签中。虽然您的web浏览器可以解释和理解编码器的含义，但最好遵循标准

现在谈谈您的主要问题，每个浏览器都有不同的默认CSS配置，这就是为什么人们使用脚本来解决这个问题。您需要在CSS代码中添加以下行，以使列表项保持一致：

li {
    list-style-position:inside;
}

您可以看到列表样式位置的可能值

---

希望我有帮助

您是否尝试使用

float:left

并根据您想要的距离使用填充。当使用“相对位置”（relative position）和“左右上下”值时，不必使用

position:relative

，而是不能保证它们在每个浏览器中都完全匹配。就快到了……谢谢！就这样