Sisällysluettelo:

Mikä on kiinteä paikka CSS:ssä?
Mikä on kiinteä paikka CSS:ssä?

Video: Mikä on kiinteä paikka CSS:ssä?

Video: Mikä on kiinteä paikka CSS:ssä?
Video: Complete Next js -kurssi - Opi Nextjs 2 tunnissa! | Reagoi SSR + aikakoodeihin 2024, Marraskuu
Anonim

Elementti, jossa on asema : korjattu ; on sijoitettu suhteessa katseluporttiin, mikä tarkoittaa, että se pysyy aina samassa paikassa, vaikka sivua vieritetään. Ylä-, oikea-, ala- ja vasen ominaisuuksia käytetään asema elementti. A korjattu elementti ei jätä aukkoa sivulle, jossa se normaalisti olisi sijainnut.

Vastaavasti saatat kysyä, kuinka muutat asemaa CSS:ssä?

Voit käyttää kahta arvoa ylhäällä ja vasemmalla sekä sijaintiominaisuutta siirtääksesi HTML-elementin minne tahansa HTML-dokumentissa

  1. Siirrä vasemmalle - Käytä negatiivista arvoa vasemmalle.
  2. Siirrä oikealle - Käytä vasemmalle positiivista arvoa.
  3. Siirrä ylös - Käytä negatiivista arvoa yläreunalle.
  4. Siirrä alas - Käytä positiivista yläosan arvoa.

Samoin, mitä eroa suhteellisella ja absoluuttisella on CSS:ssä? An ehdoton paikkaelementti on sijoitettu suhteellinen ensimmäiseen pääelementtiin, jonka sijainti on muu kuin staattinen. A suhteellinen sijoitettu elementti on sijoitettu suhteellinen normaaliasentoonsa. Elementin sijoittamiseksi suhteellisesti ominaisuuden sijainti asetetaan muotoon suhteellinen.

Samalla tavalla voidaan kysyä, kuinka asetat absoluuttisen sijainnin CSS:ssä?

Ehdoton Sisään asema : suhteellinen, elementti on sijoitettu suhteessa itseensä. Absoluuttisesti sijoitettu elementti on kuitenkin suhteessa emoelementtiinsä. Elementti, jossa on asema : ehdoton poistetaan normaalista asiakirjavirrasta. Se sijoitetaan automaattisesti pääelementin aloituspisteeseen (vasempaan yläkulmaan).

Kuinka korjaan kuvan sijainnin HTML:ssä?

Jos käytät asema : korjattu , elementti on sijoitettu suhteessa ikkunaan, joten vaikka vieritit, elementti ei liiku. Jos haluat sen liikkuvan vierittäessäsi, käytä asema : ehdoton. Mutta asettelusi vuoksi sinulla on kaksi vaihtoehtoa: Sijoita kuva #laatikon sisällä.

Suositeltava: