Positions In CSS

Relative to elements Orignal position

    {
        position: relative;
        top: 30px;
        left: 60px;
    }

Change positions relative to its Parent's Body

    {
        position: absolute;
        top: 579px;
        left: 420px;
    }

Fixed positions relative to View Port

Remains at same Place even on Scrolling up/down

    {
        position: fixed;
    }

Relative until in a View Port Then Acts as Fixed Position

    {
        position: sticky;
    }

Hello AHTSHAM