Khái niệm

position là một thuộc tính trong CSS dùng để thay đổi cấu trúc bộ cục của một tag, thường sẽ được áp dụng dưới hai dạng sau:

• relative: cho phép thiết lập vùng lệ thuộc.
• absolute: cho phép thiết lập vùng tự do, nhưng phạm vi hoạt động nằm trong vùng lệ thuộc gần nhất

Cách sử dụng

ví dụ

HTML

<div class='result'>
  <span>1</span>
</div>

CSS

.result {
  position : relative;
  height: 200px;
  background: lightcoral !important;
}

.result .box {
  background: pink;
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0px;
  top: 30px;
}

Kết quả