...
| No Format |
|---|
#elementti {
position:relative;
}
|
Kelluva asemointi
Asemoinnin Lisäksi asemoinnin vaihtoehtoina on myös kelluva sisältö, joka tehdään float-elementillä. Kelluva elementti sijoittuu joustavasti sivun muun sisällön vasemmalle tai oikealle puolelle.
Arvot:
- left
- right
- none
- inherit (arvo periytyy ympäröivältä ellementiltä)
| No Format |
|---|
#elementti {
float:left;
}
|
Jos elementti on kelluva, siitä tulee lohkotyyppinen elementti. Siksi kelluva elementti alkaa aina uudelta riviltä, vaikka sen oikealle tai vasemmalle puolelle saattaakin tulla muuta sisältöä.
Kelluttaminen lopetetaan clear-määritteellä, joka voidaan liittää esim. kelluvaa elementtiä seuraavaan div-elementtiin, p-elementtiin tai br-elementtiin, johon kellutuksen lopetus liitetään:
| No Format |
|---|
<div style="clear:both"></div> tai <p style="clear:both"></p>
|
Linkkejä
Selkeä tutorial kelluvan css-asemoinnin tekoon
...