Hiện tại e đang ôn lại thuộc tính Position trong CSS trên W3Schools, thì gặp chút khó khăn do vốn tiếng Anh của e k tốt lắm. Nên nhờ các pro trên forum dịch giúp e 1 vài đoạn như sau ạ:
Lưu ý: Mọi người đừng dịch “máy móc” nhé!
Thanh kiu <3
Nhờ dịch giùm vài đoạn trong CSS Position Tutorial của W3Schools
Nói tóm gọn theo hiểu biết của em thì:
-
Khi phần tử set relative thì khi chỉnh top, left, right hay bottom (Vd left: 100px đi) thì nó sẽ “che” cái phần tử bên trái chứ không đẩy cái phần tử đó ra !
-
Khi set absolute thì phần tử này sẽ nằm đè nên phần tử khác, và sẽ nằm gọn vào trong phần tử relative bố.
-
Fixed thì nó sẽ nằm im trên màn hình và sẽ che phần tử
-
Set thuộc tính nằm trên hay dưới dùng Z-index
Cái này lâu rồi em chưa đụng tới vì học hành nên có sai sót!
Với việc đặt các thuộc tính top, right, bottom, và left cho position relative thì phần tử đó sẽ được dịch chuyển đén vị trí tương ứng đã định. Mặc khác các phần tử khác sẽ không bị ảnh hưởng bởi để phù hợp với phần tử trênh. (Giống như bạn cho left element1 là 10px thì element2 ở bênh cạnh sẽ không bị đẩy bởi thằng element1)(Bạn cứ nghĩ nó giống như di chuyển hình của nó đi vậy thực chất nó vẫn ở đó 
)
2 Likes
Ukm, nhưng nếu là position: fixed; thì nó sẽ khác đúng không anh ?
Vì e thấy khi mình set position: fixed; thì chỗ phần tử ấy chiếm chỗ không còn nữa, cả position: absolute; cũng vậy ?
1 Like
Đúng rồi bạn.
Viết thêm vài dòng cho đủ 20 ký tự…
1 Like
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?