CSS absoluti sijoittelu
- Edellinen sivu CSS suhteellinen sijoittelu
- Seuraava sivu CSS liikkuvuus
Absoluuttisessa sijoittelussa olevan elementin ruutu poistetaan kokonaan dokumenttifluumin ulkopuolelta ja sijoitetaan sen sisältöalueeseen, joka voi olla dokumentin toinen elementti tai alkuperäinen sisältöalue.
CSS absoluti sijoittelu
Absoluuttinen sijoittelu tekee elementin sijainnista riippumattoman dokumenttifluumin, joten se ei käytä tilaa. Tämä eroaa suhteellisesta sijoittelusta, koska suhteellinen sijoittelu katsotaan todellisuudessa tavallisen virran sijoittelu mallin osaksi, koska elementin sijainti on suhteessa sen sijaintiin tavallisessa virrassa.
Muut elementit tavallisessa virrassa käyttäytyvät kuin absolutisti sijoitetut elementit eivät olisi olemassa:
#box_relative {
position: absolute;
left: 30px;
top: 20px;
}
Kuten kuvassa näkyy:
Absoluuttisen sijoittelu elementin sijainti onLähin sijoitettu isäntäelementtiJos elementillä ei ole sijoitettua isäntäelementtiä, sen sijainti onEnsimmäinen sisältö.
Sijoitteluun liittyvät pääongelmat on muistettava, että jokainen sijoittelu tarkoittaa jotain. Joten, nyt meidän on palattava opittuun tietoon: suhteellinen sijoittelu on "suhteessa" elementin alkuperäiseen sijaintiin dokumentissa, ja absoluti sijoittelu on "suhteessa" lähimpään sijoitettuun isäntäelementtiin, jos ei ole sijoitettua isäntäelementtiä, niin "suhteessa" ensimmäiseen sisältöön.
Huomautus:Käyttäjäagentin mukaan ensimmäinen sisältö voi olla kankaata tai HTML-elementti.
Vinkki:Koska absoluti sijoittelu kontit ovat riippumattomia dokumentin virrasta, ne voivat peittää sivulla olevia muita elementtejä. Voit asettaa z-index ominaisuusKonttien sijoitteluun.
CSS absoluti sijoittelu esimerkki
- Sijoittelu: Absoluuttinen sijoittelu
- Tämä esimerkki näyttää, kuinka elementtejä voidaan sijoittaa absoluuttisilla arvoilla.
- Edellinen sivu CSS suhteellinen sijoittelu
- Seuraava sivu CSS liikkuvuus
