5
Tôi muốn biết về một vài điều kiện hoặc hoàn cảnh mà chúng tôi cần áp dụng position:relative trong CSS.Khi nào chúng ta sử dụng "vị trí: tương đối" trong CSS?
A
Trả lời
9
Tôi chủ yếu sử dụng vị trí: tương đối trong phần tử khi tôi biết phần tử bên trong của phần tử đó sẽ được định vị hoàn toàn.
Ví dụ: Nếu tôi có hai div và div ngoài là một khối tĩnh và các phần tử bên trong div ngoài sẽ được định vị tuyệt đối tương đối với div ngoài. Sau đó, sử dụng vị trí: tương đối cho div bên ngoài và div bên trong nên sử dụng vị trí: tuyệt đối. Bây giờ các phần tử div bên trong có thể được đặt ở bất kỳ đâu bằng cách sử dụng các thuộc tính trên cùng, dưới cùng, bên trái và bên phải của CSS.
+0
Yah !! Đó là một câu trả lời tốt. Và khi bạn giải thích "chúng tôi không cần phải lo lắng về vị trí có liên quan trong khối bên trong". chúng sẽ tự động được điều chỉnh. –
+0
Có bạn đúng ... :), tôi đã xem một vài hướng dẫn trên youtube khi tôi đang đấu tranh với việc định vị trong CSS và sau đó tôi rất tự tin khi sử dụng thuộc tính vị trí. – Sahil
3
Hiện đã có một câu hỏi tương tự trước đây:
Câu trả lời cho rằng có một liên kết đến một blog hữu ích về định vị.
+0
Đó cũng là những câu trả lời hay. Cảm ơn. –
0
Yếu tố là vị trí tương đối so với vị trí bình thường của nó, như vậy "trái: 50" thêm 50 pixel đến vị trí bên trái của phần tử
0
sử dụng tốt nhất của Chức vụ tương đối là với Chức vụ tuyệt đối. đọc link này để hiểu đúng CSS thủ thuật website:
Các vấn đề liên quan
- 1. Khi nào chúng ta sử dụng ANTLR
- 2. Định vị tuyệt đối bên trong vị trí tương đối?
- 3. Khi nào chúng ta nên sử dụng lớp học và khi chúng ta không nên
- 4. Khi nào chúng ta nên sử dụng mutex và khi nào chúng ta nên sử dụng semaphore
- 5. Khi nào chúng ta sẽ sử dụng applicationContext.xml trong Spring?
- 6. vị trí trong CSS
- 7. Khi nào chúng ta cần mẫu trang trí?
- 8. Lịch add() vs roll() khi nào chúng ta sử dụng?
- 9. cách sử dụng z-index với vị trí tương đối?
- 10. CSS: định tâm văn bản vị trí tuyệt đối bên trong bố mẹ tương đối
- 11. Vị trí CSS tuyệt đối đối với phần tử cha mẹ hoạt động tương đối
- 12. Vị trí tương đối và Jquery animate
- 13. Chúng ta có nên đóng HttpPostedFile.Inputstream, khi chúng ta đã hoàn thành việc sử dụng nó?
- 14. chuyển CSS trộn tuyệt đối và tương đối vị
- 15. CSS - Liên kết không thể nhấp khi sử dụng vị trí tuyệt đối
- 16. CSS: phù hợp với vị trí mẹ tương đối với chiều cao của con vị trí tuyệt đối
- 17. Khi nào chúng ta sử dụng mô-đun ruby và sử dụng thành phần lớp học?
- 18. Tại sao chúng ta nên sử dụng mã hóa ui khi chúng ta có Specflow?
- 19. Sử dụng Css Sprites và vị trí nền
- 20. jquery: tôi có thể animate vị trí: tuyệt đối với vị trí: tương đối không?
- 21. Căn chỉnh với vị trí tương đối và tuyệt đối
- 22. Vị trí là gì: tương đối hữu ích cho?
- 23. Chúng ta có cần bao gồm bình thường hóa sau khi sử dụng Pure css không?
- 24. vị trí: xuất hiện tương đối trên vị trí: tuyệt đối
- 25. Sử dụng convertPoint để lấy vị trí tương đối bên trong một phụ huynh UIView
- 26. Làm cách nào để sử dụng mô-đun Perl từ một vị trí tương đối?
- 27. MVC: tại sao chúng ta cần "điều khiển", hoặc khi nào chúng ta nên sử dụng mẫu này?
- 28. Vị trí của tiêu đề trục trong ggplot, vị trí tương đối?
- 29. 100% TextArea trong FireFox sử dụng vị trí tuyệt đối
- 30. Vị trí tuyệt đối và tràn tràn trong CSS
Yếu tố là vị trí tương đối so với vị trí bình thường của nó, vì vậy "trái: 20" thêm 20 pixel để của phần tử vị trí LEFT –
@MoortyGK, 'trái : 20' không chính xác và bị bỏ qua bởi các trình duyệt phù hợp. –
yah !! tôi biết nếu chúng ta viết như trái = "20px", nó sẽ di chuyển phần tử 20px từ bên trái (thêm 20px sang trái bù đắp) từ vị trí ban đầu của nó. –