Học cách kiểm soát vị trí các element trên trang web với CSS positioning properties
Static là giá trị mặc định của thuộc tính position. Elements với position static sẽ theo luồng bình thường của tài liệu.
/* Static - Vị trí mặc định */
.static-box {
position: static; /* Mặc định */
width: 120px;
height: 50px;
background: #14b8a6;
margin: 10px 0;
/* Các thuộc tính này KHÔNG hoạt động với static */
/* top: 20px; ❌ Không có tác dụng */
/* left: 30px; ❌ Không có tác dụng */
/* z-index: 999; ❌ Không có tác dụng */
}static, relative, sticky
absolute, fixed
Thứ tự chồng lớp
💡 Mẹo: Chỉ các element có position khác static mới có thể sử dụng top, right, bottom, left và z-index.
Positioning là nền tảng để tạo layout phức tạp và interactive! 🚀