定位问题与铬

http://www.gcfimoveis.com.br/定位问题与铬

文本小的底部，我添加后（CPFL）显示在IE和FF罚款：

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

到列表中。

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

来源

2013-03-11 Ken

你是否尝试使用'float：left'并使用填充距离。而是采用'的位置是：使用与左，右顶部和底部值的相对位置时relative' – jhunlio 2013-03-11 01:57:23

，它并不总是得到保证，他们会在每一个浏览器完全匹配。它会接近... – blackhawk 2013-03-11 02:00:44

我看到你有一系列<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>，并摆脱你添加的相对定位的，它们完全一致。

来源

2013-03-11 01:59:59 ktm5124

谢谢你！就是这样。 :) – Ken 2013-03-11 02:04:06

不客气:-) – ktm5124 2013-03-11 02:09:12

首先，编写HTML代码时，尽量遵循最佳做法和建议。袭击我的脑海里的第一件事情是你<li>项目未包裹在<ul>标签。虽然您的网络浏览器可以解释和理解编码人员的含义，但最好遵循标准。

我们的主要问题，每个浏览器都有不同的默认CSS配置，这就是为什么人们使用CSS reset脚本来对付这个。您需要将下面一行添加到您的CSS代码来获取列表项一贯的工作：

li { 
    list-style-position:inside; 
}

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

希望我帮助

来源

2013-03-11 02:06:49

定位问题与铬

回答

相关问题