html - chrome的定位问题

Question

http://www.gcfimoveis.com.br/

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

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

到列表中。

在 Chrome 中，它的位置太靠左了。我尝试使用 -webkit 属性找到一种方法来纠正它，但无法弄清楚。

Answer 1

我看到你有一系列<div class="widget">

然而，在那个特定的小部件中，您使用了一个无序列表，而在上面的每个小部件中，您奇怪地省略了<ul>标签。例如，

<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 中，没有<ul>包含<li>项目。但是在有问题的小部件中，您确实有<ul>标签。

更新：如果您<ul>在有问题的小部件中将其更改为 a <div>，并摆脱您添加的相对定位，它们会完美对齐。

Answer 2

首先，在编写 HTML 代码时，尽量遵循最佳实践和建议。我想到的第一件事是你的<li>物品没有用<ul>标签包裹。尽管您的网络浏览器可以解释和理解编码器的含义，但最好遵循标准。

现在你的主要问题是，每个浏览器都有不同的默认 CSS 配置，这就是人们使用CSS 重置脚本来解决这个问题的原因。您需要将以下行添加到您的 CSS 代码中，以使列表项始终如一地工作：

li {
    list-style-position:inside;
}

您可以在此处查看 list-style-position 的可能值

希望我有所帮助