|
|
Objavljeno na 30. 10. 2014 14:39:28
|
|
|
Nastavitev te vrednosti lastnosti na absolutno bo objekt izvlekla iz običajnega absolutnega pozicioniranja toka dokumenta, ne glede na postavitev vsebine okoli njega. Če drugi objekti z različnimi z-indeksnimi lastnostmi že zasedajo določen položaj, se ne bodo medsebojno vplivali, temveč se bodo prekrivali na istem mestu. Predmet nima zunanjega roba (roba), vendar ima še vedno notranji zaplat (tapding) in rob (rob).
Za aktivacijo absolutnega položaja objekta morate določiti vsaj enega od levih, desnih, zgornjih, spodnjih atributov in nastaviti to vrednost atributa na absolutno. V nasprotnem primeru bodo zgornji atributi samodejno uporabljali privzete vrednosti, kar povzroči, da objekt sledi običajnim pravilom HTML postavitve in se ukaže takoj za prejšnjim objektom.
Atributi TRBL (ZGORAJ, DESNO, SPODAJ, LEVO) so veljavni le, če je atribut pozicije nastavljen.
Moral bi nastaviti pozicijo:absolute
Če starš (neskončno) ne nastavi atributa pozicije, se trenutni absolutni atribut postavi v kombinaciji z atributom TRBL v zgornjem levem kotu brskalnika kot izvorna točka
Če starš (neskončno) nastavi lastnost položaja, je trenutni absolut v kombinaciji z lastnostjo TRBL postavljen v zgornji levi kot starša (nedavnega) kot izvorne točke.
Pri nastavljanju položaja: relativno
Zgornji levi kot nadrejenega (nedavnega) vsebinskega območja je izvorna točka združena z atributom TRBL (ali zamik glede na prejšnji element pozicioniranega elementa v nadrejeni vsebini), zgornji levi kot BODY pa je izvirna točka brez nadrejenega območja. Relativnega položaja ni mogoče plastiti. Pri uporabi relativnega položaja element še vedno zaseda svoj prvotni prostor, ne glede na to, ali ga premaknemo ali ne. Zato premikanje elementa povzroči, da prepiše druge škatle.
Na splošno, če je spletna stran centrirana, je enostavno narediti napake pri uporabi Absolute, saj se spletna stran vedno samodejno prilagaja velikosti ločljivosti, medtem ko Absolute uporablja zgornji levi kot brskalnika kot izvorne točke in ne spreminja položaja zaradi spremembe ločljivosti. Včasih je potrebno tudi uporabiti z-indeks za določitev razmerja med zgornjim in spodnjim delom vsebnika; večja kot je vrednost, višja je zgornja vrednost, številčni razpon pa je naravno število. Seveda je treba vedeti, da odnos starš-otrok ni mogoče nastaviti z z-indeksom, in da mora biti raven otroka nad in pod staršem.
Nastavitev te lastnosti na relativno ohranja objekt v običajnem HTML toku, vendar se njegov položaj lahko premakne glede na prejšnji objekt. Besedilo ali objekti, ki sledijo relativnemu lokatorju, zavzemajo svoj prostor, ne da bi pokrivali naravni prostor objekta, ki ga postavimo. Nasprotno pa besedilo ali objekt po absolutnem pozicijskem objektu zasede njegov naravni prostor, preden se ciljni objekt odmakne od običajnega toka dokumenta. Postavitev absolutnega pozicijskega objekta izven vidnega polja povzroči pojav drseče vrstice. Postavitev relativnega objekta izven vidnega območja se ne prikaže s drsalnikom. Pravzaprav je glavni problem pri pozicioniranju, da si zapomnite pomen vsake pozicije. Relativno pozicioniranje je začetni položaj elementa "relativno" do toka dokumenta, medtem ko je absolutno pozicioniranje prednik, ki je bil postavljen "relativno" do najnovejšega.
Tukaj so dodatki:
Čeprav poznam absolutno (absolutno) in relativno pozicioniranje CSS, nikoli nisem sam napisal ustreznih učinkov!
Po več kot pol dneva dela lahko štejemo za popolno! Ugotovil sem tudi nekatere od teh dveh lastnosti!
Povzetek je naslednji:
Najprej si poglejmo naslednjo strukturo plasti
<body>
<div id=posi>
<div id=rel> Ta plast uporablja samo position:relative; Slog </div>
<div id=abs> Ta plast uporablja samo position:absolute; Slog </div>
<div id=sss> ne uporablja <div>slogov
</div>
</body>
1. Absolutno: ne zaseda sedeža, relativno: ima svoje mesto!
Na primer nadgradnja:
Plasti z id rel zavzamejo eno vrstico, ko so prikazane! ABS plast za njo se bo prikazala šele na naslednji vrstici!
Ko se prikaže plast z ID ABS, se prekriva z ID-jem SSS za njim!
2. Privzeto (ni postavljeno v kombinaciji z top itd.), absolutno (absolutno pozicioniranje) postavi nadrejeni sloj
Na primer, če je zgornja plast z ID ABS, če ni postavljena v kombinaciji z TOP, bo njen prikazni položaj v nadrejeni POSI plasti (POSI je v spodnjem levem kotu dokumenta, prav tako pa v spodnjem levem kotu)
3. Pri združevanju zgornjih, spodnjih, desnih, levih in drugih atributov je absolutno (absolutno pozicioniranje) postavljeno z oknom kot pozicioniranjem, relativnost pa je zamaknjena s svojo lastno zasedenostjo kot osnovno črto! Kot sledi:
<body>
<div id=posi>
<div id=sss> ne uporablja <div>slogov
<div id=rel> Ta plast uporablja position:relativno; spodaj: 30px; Slog </div>
<div id=abs> Ta plast uporablja samo position:absolute; spodaj: 30px; Slog </div>
</div>
</body>
Zgornja koda:
Plast z id rel se premakne navzgor in prekriva plast z id SSS
Plast z ID ABS bo premaknjena 30 pikslov stran od okna, pri čemer bo okno osnova!
4. Pri kombiniranju zgornjih, spodnjih, desnih, levih in drugih atributov, če želite, da absolutna (absolutna pozicionacija) uporabite nadrejeno plast kot osnovno linijo pozicioniranja, lahko na nadrejeni plasti uporabite absolutne ali relativne atribute! Kot sledi:
<body>
<div id=posi style="position:relative">
<div id=rel> Ta plast uporablja position:relativno; spodaj: 30px; Slog </div>
<div id=abs> Ta plast uporablja samo position:absolute; spodaj: 30px; Slog </div>
</div>
</body>
Zgornja koda: id je plast posi, lahko uporabite tudi absolutni atribut!
id je plast rel, ki ni prizadeta in je zamaknjena s svojim lastnim začasnim elementom kot osnovno črto!
Plast z id kot ABS temelji na spodnjem robu POSI plasti kot osnovi pozicioniranja; če je višina POSI plasti trenutno manjša od 30px, ABS plast morda ne bo mogla videti te vrednosti!
|
Prejšnji:Wu Ruanovi učenci, prosim, ne hodite v "Guangbutun" kupovat računalnik! Da ne bi bili zavedeni!Naslednji:Kako odstranim spodnjo črto hiperpovezave v HTML?
|
