01/10/2018, 08:15
Nhờ các pro dịch giùm vài đoạn trong CSS Position Tutorial của W3Schools
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 ạ:
Setting the top, right, bottom, and left properties of a relatively-positioned element will cause it to be adjusted away from its normal position. Other content will not be adjusted to fit into any gap left by the element.
A fixed element does not leave a gap in the page where it would normally have been located.
An element can have a positive or negative stack order:
Lưu ý: Mọi người đừng dịch “máy móc” nhé!
Thanh kiu <3
Bài liên quan
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ố.
-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 ở đó )
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 ?Đúng rồi bạn.
Viết thêm vài dòng cho đủ 20 ký tự…