CSS Positioning

 CSS Positioning

CSS positioning allows you to precisely control the placement of elements on a web page. Some commonly used positioning techniques include:

Relative Positioning: Positions an element relative to its normal position. For example:

.box {

  position: relative;

  top: 20px;

  left: 50px;

}

Absolute Positioning: Positions an element relative to its closest positioned ancestor. For example:

.box {

  position: absolute;

  top: 0;

  right: 0;

}

Fixed Positioning: Positions an element relative to the viewport. For example:

.box {

  position: fixed;

  top: 20px;

  right: 20px;

}