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>更改为<div>，并删除您添加的相对定位，则它们会完美对齐。

Answer 2

首先，在编写HTML代码时，请尝试遵循最佳做法和建议。让我印象深刻的第一件事是你的<li>项目没有包含在<ul>标签中。虽然您的Web浏览器可以解释和理解编码器的含义，但最好遵循标准。

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

li {
    list-style-position:inside;
}

您可以看到list-style-position here

的可能值

希望我帮助

使用chrome定位问题

2 个答案: