Position
Това е sticky position в най горната част на страницата
position property задава как да се позиционира обекта. Има 5 стойности
static - нормалната позиция
relative - спрямо нормалното
fixed - винаги се вижда защото седи на същото място дори при скролиране
absolute - отива до най близкия обект
sticky - между static и fixed
Това е fixed position в най долния ляв ъгъл
Example
Top Left
Top Right
Bottom Left
Bottom Right
Center
.top-left {
position: absolute;
top: 8px;
left: 16px;
font-size: 25px;
}
.top-right{
position: absolute;
top: 8px;
right: 16px;
font-size: 25px;
}
.bottom-left{
position: absolute;
bottom: 8px;
left: 16px;
font-size: 25px;
}
.bottom-right{
position: absolute;
bottom: 8px;
right: 16px;
font-size: 25px;
}
.center {
position: absolute;
top: 50%;
width: 100%;
text-align: center;
font-size: 25px;
}