Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky
Tu je dôvod:
* Model štandardného boxu: V štandardnom modeli boxu CSS špecifikuje vlastnosť „Width“ šírku oblasti obsahu prvku. Čalúnenie a šírky okrajov sa potom pridajú * na hornú časť tejto šírky obsahu, aby sa určila celková šírka prvku.
* Model Quirks Režim Internet Explorer (známy tiež ako „Model Broken Box“ alebo „IE Box Model“): V režime Quirks internet Explorer vypočítal celkovú šírku prvku * vrátane * vypchávky a hraníc. Takže, ak nastavíte šírku:100px; vypchávka:10px; Hranica:5px; `V Quirks režime by * celková * šírka prvku bola 100px a oblasť obsahu by sa znížila tak, aby vyhovovala čalúneniu a hraniciam. V prehliadači kompatibilných s normami by celková šírka bola 100px (obsah) + 20px (vypchávka) + 10px (hranica) =130px.
quirks režim
Režim Quirks bol spustený v starších verziách Internet Explorer (konkrétne IE5.5 a starší a IE6, keď dokumentu nemal správny doktType), aby sa vystavovali webové stránky, ktoré boli navrhnuté pre staršie prehliadače. Urobilo sa tak, aby sa zachovala spätná kompatibilita a zabránila zlomeniu starších webových stránok.
Moderné prehliadače a štandardné režim
Moderné verzie Internet Explorer (IE7 a neskôr), ako aj všetky ostatné hlavné prehliadače (Chrome, Firefox, Safari, Edge), predvolený režim štandardov Ak je v dokumente HTML prítomný správny dokument Doctype. V štandardných režime správne implementujú štandardný model CSS Box.
CSS `Vlastnosť krabičky
Vlastnosť CSS „CSS“ poskytuje spôsob, ako zmeniť správanie modelu boxu. Keď nastavíte `Zničenie boxu:Border-Box;` Na prvku sa bude správať ako starý model boxu režimu IE Quirks. Toto sa často používa na zjednodušenie výpočtov rozloženia a na uľahčenie riadenia responzívnych návrhov.
Stručne povedané:zatiaľ čo žiadny aktívne nepoužíva moderný prehliadač úmyselne prelomí model štandardného boxu, je historicky dôležité porozumieť tomu, ako prieskumník internetu používal na jeho zvládnutie v Quirks režim. Použitie „veľkosti boxu:Border-Box` je spôsob, ako úmyselne dosiahnuť správanie modelu„ IE box “kompatibilným spôsobom.