În această lecție vom analiza cu atenție toate capcanele unui astfel de concept aparent simplu ca lățimea unui element. Vom înțelege de ce este compus și ce este cu adevărat. Să ne uităm, de asemenea, la funcționarea proprietății flotante. Luați în considerare, de exemplu, de ce elementele plutitoare modifică lățimea ferestrei browserului într-o linie nouă și rezolvă această problemă. Să analizăm și să rezolvăm problema colapsului limitelor blocului.
Navigare - aceasta este probabil cea mai importantă parte a site-ului. Și la un loc de cauciuc, de regulă, de navigație prea cauciuc. Creați un meniu de cauciuc, folosind mesele, munca nu este. Dar când vine vorba de crearea unui astfel de meniu, folosind listele, apar multe întrebări. În lecție, vom crea doar un meniu de cauciuc folosind listele. Să ne uităm la teoria creării unui astfel de meniu. Identificați și soluționați posibile probleme.
Adesea există situații în care trebuie să faceți elemente suprapuse. Sau pentru a forța elementul să fie situat, de exemplu, în colțul din dreapta jos, indiferent de modul în care sunt situate blocurile din jur. Această problemă este tratată cel mai bine de proprietatea poziției. În lecție, vom înțelege poziționarea elementelor. Vom lucra la elemente suprapuse folosind proprietatea z-index. Să vedem condiția necesară pentru ca proprietatea z-index să funcționeze.
Atunci când imitați machetele de cauciuc, există adesea o situație în care este necesar să se centreze elementul. Când este cunoscută lățimea elementului centrat, nu există probleme. Totul devine mai complicat atunci când lățimea blocului care trebuie centrat nu se cunoaște sau se poate schimba. În lecție, vom examina un exemplu de centrare a unui bloc de lățime variabilă, utilizând exemplul de creare a unei pagini de navigare.
Uneori apare problema atunci când este necesar să se aranjeze mai multe blocuri pe întreaga lățime a blocului părinte. Adică primul bloc ar trebui să fie la marginea din stânga, ultimul bloc ar trebui să fie la marginea dreaptă. Și distanțele dintre celelalte elemente sunt aceleași. Acest lucru nu este greu de realizat cu aspectul unei lățimi fixe. Dar vom complica sarcina și o vom rezolva într-o lecție pentru blocul de cauciuc.