w3schools dice che per height:Che cosa significa esattamente il valore 'auto' per la proprietà height CSS?
automatica: Il browser calcola l'altezza. L'impostazione predefinita è
Ma cosa significa "browser calcola l'altezza"? Significa semplicemente che riassume semplicemente le altezze degli elementi contenuti? Questo è sempre calcolato con lo stesso metodo per tutti i browser?
Che cosa significa il contatore calcola l'altezza?
Significa che il browser renderà l'altezza dell'elemento sufficiente per adattarsi al suo contenuto.
Significa semplicemente che riassume semplicemente le altezze degli elementi contenuti se sono uno sopra l'altro?
No, è più complicato di così, ma sono sicuro che ne fa parte.
Viene sempre calcolato con lo stesso metodo per tutti i browser?
No, ci sono generalmente piccole variazioni. Dovresti calcolare l'altezza dell'elemento in JavaScript se intendi eseguire calcoli basati su di esso, non dare per scontato che avrà la stessa altezza su tutti i browser.
Riassumendo: gli elementi contenuti, oltre alle imbottiture, al bordo e ai margini. Il metodo per la somma deve essere lo stesso in tutti i browser, ma la dimensione degli elementi è diversa.
... oltre ai margini compressi. Non è un calcolo banale. –
Non sono i margini ridotti al minimo? E si preoccupa solo delle cose nel flusso normale. – Quentin
Il CSS 2.1 spec, e il modello di spec CSS3 Box Basic, hanno sezioni su come i browser dovrebbero calcolare altezze:
lo trovo un po 'difficile tradurli in ciò che dovrebbe effettivamente accadere però, e non potrei dire se i browser effettivamente seguono queste descrizioni.
Sebbene in questo caso particolare non sia corretto, in generale ti consiglio di stare lontano da w3schools.com. Molte delle loro informazioni sono [fuorvianti o errate] (http://w3fools.com) e spesso promuovono pratiche scorrette. [Mozilla Developer Network] (https://developer.mozilla.org/) è una grande risorsa per lo sviluppo web. –
Mi hai appena ricordato un vecchio studio che ho usato su google: "qualunque parola chiave MDN" consentirà al risultato della ricerca di contenuti MDN in cima alle tue esigenze. Ad esempio: ". Fai clic su MDN" – pencilCake
sì, è quello che faccio ogni volta che ho bisogno di fare rapidamente riferimento a qualcosa. –