Citat:
|
Ursprungligen postat av Chidori
Citat:
|
Ursprungligen postat av martine
Du har väl satt right: 0px; exempelvis. Det framgår ju varken hur du positionerar divven (med left/right/top/bottom) eller i vilka refernsramar (positioneringen är relativ till vad?).
|
bör den inte med andra ord lägga sig som en vanlig div fast flytandes på de andra? |
Nej, ett positionerat element beter sig annorlunda än vanliga divvar. En vanlig div tar exempelvis upp så bred yta som är möjligt utan att gå utöver det element som det befinner sig i - en positionerad div däremot tar endast upp så stor bredd som innehållet kräver (liknande en floatad div).
Det finns ett antal olika typer av visning/beteende:
1. block-element (beter sig som en div)
2. inline-element (beter sig som span)
3. ersatta (replaced) element, t.ex. img och input
4. positionerade element
5. flytande (floated) element
6. inline-block-element (beter sig som inline-element men har en "box" som block-element)
7. tabell-element
Alla dessa typer beter sig i alla fall i någon mån annorlunda och vill man få verklig kontroll sin html/css så kan det löna sig att lära sig skillnaderna.
För positionerade element gäller det framförallt att tänka på i vilken kontext den befinner sig, dvs i förhållande (relativt) till vilket element (med hjälp av position: relative) sätts koordinaterna (top/left/right/bottom). En positionerad div "flyter" inte på något utan bildar en ny positioneringskontext som är lösgjord/avlägsnad från sin urspungliga plats.