Ecco perché:
* Modello di scatola standard: Nel modello standard CSS Box, la proprietà `larghezza" specifica la larghezza dell'area del contenuto di un elemento. L'imbottitura e le larghezze del bordo vengono quindi aggiunte * in cima * di questa larghezza del contenuto per determinare la larghezza totale dell'elemento.
* Modello della casella modalità Quirks di Internet Explorer (noto anche come "Modello di scatola rotto" o "Modello di casella IE"): In modalità Quirks, Internet Explorer ha calcolato la larghezza totale di un elemento * che include * imbottitura e bordi. Quindi, se si imposta `larghezza:100px; imbottitura:10px; Bordo:5px; `in modalità Quirks, la larghezza * totale * dell'elemento sarebbe 100px e l'area del contenuto sarebbe ridotta per ospitare l'imbottitura e i bordi. In un browser conforme agli standard, la larghezza totale sarebbe 100px (contenuto) + 20px (imbottitura) + 10px (bordo) =130px.
Modalità stranezze
La modalità Quirks è stata attivata nelle versioni precedenti di Internet Explorer (in particolare IE5.5 e più anziane, e IE6 quando il documento mancava di un doctipo adeguato) per rendere le pagine Web mentre erano progettate per quei browser più vecchi. Ciò è stato fatto per mantenere la compatibilità all'indietro e impedire la rottura di siti Web più vecchi.
Browser moderni e modalità standard
Versioni moderne di Internet Explorer (IE7 e successivo), così come tutti gli altri principali browser (Chrome, Firefox, Safari, Edge), impostazione predefinita per modalità standard Quando è presente un doctipo adeguato nel documento HTML. In modalità standard, implementano correttamente il modello di scatola CSS standard.
Proprietà CSS `Box-We-We-We-We-Wewne
La proprietà CSS `-dimensionamento 'fornisce un modo per modificare il comportamento del modello di scatola. Quando si imposta `BOX-DE-DE-DE-Borf-Box;` su un elemento, si comporterà come il vecchio modello di scatola della modalità IE Quirks. Questo viene spesso utilizzato per semplificare i calcoli del layout e rendere i progetti reattivi più facili da gestire.
In sintesi:sebbene il browser moderno attivamente utilizzato interrompe intenzionalmente il modello di scatola standard per impostazione predefinita, capire come Internet Explorer ha usato per gestirlo in modalità Quirks è storicamente importante. L'uso di `scatole-dimensionamento:bordo-box` è un modo per ottenere il comportamento" IE box "intenzionalmente in modo compatibile con il browser incrociato.
Domanda © www.354353.com