Rechten Rand nicht auf Google Chrome

Ich habe eine div, die eine a mit einem Rand enthält. Siehe:Rechten Rand nicht auf Google Chrome

Es funktioniert gut in FF und IE, aber warum nicht die rechte Seite macht in Chrome? Ist es ungültig CSS? (Testen in Chrome OSX, wenn das wichtig ist)

Quelle

2010-01-17 Paul Tarjan

würden Sie bitte die entsprechende CSS-Code anhängen? – erenon

Schauen Sie sich seinen Link an. – SLaks

Nicht nur Google Chrome, es ist WebKit. –

Testfall: enthalten, damit diese Frage noch Sinn macht, nachdem der Inhalt an der angegebenen URL Änderungen:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
<html><head><style type="text/css"> 
div { 
    float: left; 
    clear: left; 
    margin: 3px; 
} 
span { 
    border: 1px solid; 
} 
</style></head><body> 

<!-- does not show right border --> 
<div><span>With trailing space, no width </span></div> 

<!-- does show right border --> 
<div><span>No trailing space, no width</span></div> 
<div style="width: 40ex;"><span>With trailing space, has width </span></div> 
<div style="width: 40ex;"><span>No trailing space, has width</span></div> 

</body></html>

Verified in Google Chrome 4.0.266.0 (Official 33992 Bauen) mit WebKit 532.6.

Quelle

2010-01-17 21:40:31

Huch. Chrome-Fehler? Hast du es abgelegt? –

https://bugs.webkit.org/show_bug.cgi?id=33858 –

Da es sich um einen Fehler im Webkit handelt, wie soll ich meinen HTML-Code ändern, um den gleichen Effekt zu erzielen, aber den Fehler zu vermeiden? –

Ich kann Ihnen nicht den Grund sagen, warum das passiert, aber ich denke, ich habe eine Lösung für Sie. Sie haben Leerzeichen auf Ihrem Link-Inhalt und anscheinend geht Chrome damit nicht gut um.

Wenn Sie den zusätzlichen Abstand um den Inhalt der <a> Tags entfernen, verschwindet das Problem (ich habe dies im Chrome-Inspektor-Tool). So ändern:

<a href="pclark-hacker-news-karma"> 4,481 </a>

zu:

<a href="pclark-hacker-news-karma">4,481</a>

Chrome muss den Raum in einer ungeraden Weise handhaben, wenn sie mit einem Schwimmer zu tun (wenn Sie die Eigenschaft float auf der search_data Klasse entfernen, die Grenze erscheint als Gut).

Quelle

2010-01-17 20:39:25 zombat

Netter Fund, starrte ihn an und konnte das nicht sehen. Ich denke, es hängt damit zusammen, dass .search_data ohne Angabe einer Breite floated ist (fügen Sie das hinzu, und das geht auch weg). –

Wow ... mache ich etwas falsch (ungültig, nicht-spec, nicht-Standard, usw.)? Ist es ein Fehler in Chrom? –

Rechten Rand nicht auf Google Chrome

Antwort

Verwandte Themen