CSS position: fixed

Định vị cố định (fixed)

position: fixed định vị phần tử tương đối với **khung nhìn (viewport)**, không phụ thuộc vào cuộn trang. Phần tử luôn ở vị trí cố định trên màn hình.

Ví dụ: Hộp cố định góc dưới phải

<!DOCTYPE html>
<html>
<head>
  <style>
    div {
      position: fixed;
      bottom: 0;
      right: 0;
      width: 200px;
      border: 3px solid blue;
      background: white; /* Thêm nền để đọc chữ */
      padding: 10px;
    }
  </style>
</head>
<body>
  <h2>position: fixed;</h2>
  <p>Phần tử cố định tại góc dưới phải màn hình, không bị cuộn theo trang.</p>
  <div>Div có position: fixed;</div>
  <p style="margin-bottom: 2000px;">Cuộn xuống để xem div cố định...</p>
</body>
</html>

Dùng cho: navbar cố định, nút "Back to top", chat widget, banner cookie, modal overlay.