定位問題與鉻

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

定位問題與鉻

回答

相關問題