rendendo copertura tag span tutta la larghezza del div

Question

ho la seguente struttura per html: -

<div> 
    <span> 
    <a href="wherever">Wherever</a> 
    </span> 
</div> 

Se voglio la durata di coprire l'intera larghezza del div, come posso farlo in cromo?

ho provato in css usando

span{ 
    background:#FFF; 
    width:100%; 
} 

Funziona in Firefox e IE, ma non in cromo.

Answer 1

span elementi sono in linea. Gli elementi in linea regolano automaticamente la larghezza e ignorano le espressioni width:.

Make it a livello di blocco:

span { 
    display: block; 
} 

Ma poi è fondamentalmente solo un <div>. CSS

Answer 2

Modifica del brano a:

span { 
display: block; 
} 

Answer 3

Prova questo:

div{ 
    padding:0px; 
} 
span{ 
    background:#FFF; 
    width:100%; 
} 

Answer 4

ci sono due modi per risolvere il problema.

Poiché i tag di estensione regolano la loro larghezza in base al contenuto in esso. Quindi per assegnare la larghezza a questo tag useremo il float a sinistra con la larghezza.

span{ 
background:#FFF; 
width:100%; 
float: left; 
} 

modo secondo articolo è quello di utilizzare blocco display con il codice

span{ 
background:#FFF; 
width:100%; 
display: block; 
}