CSS positioned layout

Module CSS positioned layout định nghĩa các scheme định vị và bù đắp dựa trên tọa độ có sẵn trong CSS, cùng với các thuộc tính dùng để định vị và xếp chồng các phần tử trên trang web. Module này nổi tiếng nhất với việc xác định các phương pháp định vị cơ bản, bao gồm relative positioning, sticky positioning, absolute positioning và fixed positioning. Nó cũng định nghĩa cách các phần tử được định vị được vẽ và xếp lớp, làm rõ hành vi stacking và thứ tự hiển thị.

Module positioned layout định nghĩa các inset properties vật lý, logic và shorthand. Các thuộc tính logic giúp phát triển với tư duy quốc tế hóa và tính đáp ứng.

Giống như tất cả các module CSS, module này ảnh hưởng và bị ảnh hưởng bởi các module khác. Module này mô tả cách định vị tương tác với các module layout khác như CSS flexible box layout và CSS Grid layout. Các module khác, chẳng hạn như CSS anchor positioning, được xây dựng dựa trên module này để cho phép định vị các phần tử tương đối với các phần tử và lớp khác.

::backdrop

Thuật ngữ và định nghĩa

Hướng dẫn

Understanding z-index: Giới thiệu khái niệm stacking context và giải thích cách z-ordering hoạt động, kèm theo một số ví dụ.
Stacking without the z-index property: Các quy tắc stacking áp dụng khi không dùng z-index.
Stacking floating elements: Cách các phần tử float được xử lý với stacking.
Using z-index: Cách dùng z-index để thay đổi thứ tự stacking mặc định.
Stacking context: CSS stacking context, các tính năng CSS tạo stacking context mới, và stacking context lồng nhau.
Learn: positioning: Các giá trị position khác nhau và cách sử dụng chúng.