2015-03-27 6 views
37

Ich arbeite daran, ein Menü zu einer Karte hinzuzufügen. Das Menü funktioniert gut, außer mir ist aufgefallen, dass links immer ein Padding vorhanden ist, egal, welches CSS auf das Menü angewendet wurde. Die Auffüllung scheint von (-webkit-padding-start: 40px;) zu stammen und will nicht weggehen. Ich habe versucht, es mit 0 !important; zu überschreiben, die nichts getan haben.Werde -webkit-padding-start: 40px

Nach Googeln fand diese:

-webkit-padding-start: 40px; What it should be for IE and Firefox?

jedoch nichts anderes finden kann, wie außer Kraft zu setzen oder dieses weggehen. Ich muss Elemente im Menü ganz nach links haben.

enter image description here

Beigefügt ist ein Screenshot, ist Grünfläche, was ich rede und unter Stile, die Sie -webkit-padding-Start sehen: 40px;

+0

@sqe 'margin-left: -40px;' das funktionierte tatsächlich, ich bin immer noch nicht sicher, wo kommt es her? –

+0

Siehe meine Antwort unten, es ist wegen der User-Agent-Stylesheets von jedem Browser. – sqe

+0

Nach dem Hinzufügen von 'margin-left: -40px;' ist das '-webkit-padding-start: 40px' immer noch da, aber das Menü ist ganz links. Vielen Dank. –

Antwort

38

Es ist wegen der Benutzer-Agent-Stylesheets von jedem Browser. Sie sollten immer alle Attribute in Ihrem CSS als Ihren ersten Schritt zurücksetzen.

Kurz Lösung:

* { 
    margin: 0; 
    padding: 0; 
} 

/* your styling */ 

Längere Lösung:

http://meyerweb.com/eric/tools/css/reset/

+3

Das funktioniert auch. Ich würde lieber 'margin-left: -40px;' für jetzt verwenden, da dies nur das Menü und nicht das gesamte Projekt betrifft, aber im nächsten Projekt wird css reset verwenden. Vielen Dank. –

+0

Gern geschehen. Stellen Sie sicher, dass Sie 'margin-left: -40px;' nur in diesem speziellen Menü anwenden (indem Sie eine ID wie '# special-ul {margin-left: -40px;}') anwenden, um die Marge auf ** zu vermeiden. jeder ** ul. – sqe