Box Model & Layout

CSS Position

Static, Relative, Absolute, Fixed, Sticky.

1Positioning Types

Relative moves from normal spot. Absolute moves relative to nearest positioned ancestor.

Example Code

.relative {
  position: relative;
  top: 10px;
}
.absolute {
  position: absolute;
  top: 0;
  right: 0;
}

Finished reading?

Mark this topic as complete to track progress.