# 188: Kattuva päise mustri uurimine - CSS-trikid

Anonim

Snook avaldas artikli pealkirjaga „Kattuv päis CSS-võrguga”, kus ta vaatab päise kujundusmustrit, mis minu arvates ületab trende ja on olnud alatiseks populaarne. Idee on selles, et päis on liiga suur ja peamine sisupiirkond hiilib sellesse ning kattub päise taustaga. Selles on lihtsalt midagi kena ja lohutavat.

Minu mõte läheb samasse kohta, kus Snook teeb:

Ajalooliselt olen seda teinud negatiivsete marginaalidega. Päisel on kõrgus, mis lisab hunniku polsterdusi põhja ja siis saab kere a margin-top: -50pxvõi mida iganes disain nõuab.

Kuid siis otsustab ta seda teha hoopis CSS-võrguga! Huvitav. Miks? Noh, see on see, kuhu me jõuame. Võrgustik võib end lihtsalt kindlamana tunda (ja tegelikult olla). Võrgustik võib olla ka paindlikum. Näiteks max-heightja autoveerised on suurepärased tsentreerimisel, aga mis siis, kui soovite servadel ebaühtlaseid vihmaveerenne? See oleks seal raske ja Gridiga lihtne. Ethan Marcotte kirjutas:

Selle asemel, et lihtsalt vaikida max-widthpiiranguna, saan oma kujunduse ümber kasutada tühja ruumi ja käsitleda seda paigutusvahendina.

Püüan selles videos pöörata inseneri Snooki ideed tagasi ja võrrelda seda lõpuks minu lõpptulemusega.

  • Snooki oma
  • Minu oma (koristas esteetika jaoks suplusjärgse video)