risposta-alla-domanda-sullo-sviluppo-web-bd.com

Sbarazzarsi di -webkit-padding-start: 40px

Sto lavorando per aggiungere un menu a una mappa. Il menu sta funzionando bene, tranne che ho notato che c'è sempre un padding a sinistra, non importa quale CSS applicato al menu. Il padding sembra essere originato da (-webkit-padding-start: 40px;) e non vuole andare via. Ho provato a sovrascriverlo con 0 !important; che non ha fatto nulla.

Dopo aver trovato su Google questo:

-webkit-padding-start: 40px; Cosa dovrebbe essere per IE e Firefox?

Tuttavia non è stato possibile trovare nient'altro su come ignorare o rendere questo andare via. Ho bisogno di avere elementi nel menu completamente a sinistra. 

enter image description here

In allegato c'è uno screenshot, l'area verde è ciò di cui sto parlando e sotto gli stili puoi vedere -webkit-padding-start: 40px;

46
user1930845

È a causa dei fogli di stile user-agent di ogni browser . Dovresti sempre reimpostare tutti gli attributi nel tuo css come primo passo.

Soluzione breve:

* {
  margin: 0;
  padding: 0;
}

/* your styling */

Soluzione più lunga:

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

49
sqe

per Firefox:

-moz-padding-start: 0px;
0
Sanuich