5
Chcę wiedzieć o kilku warunkach lub okolicznościach, w których musimy zastosować position:relative w CSS.Kiedy używamy "position: relative" w CSS?
A
Odpowiedz
9
Używam głównie pozycji: względna w elemencie, gdy wiem, że wewnętrzny element tego elementu zostanie umieszczony absolutnie.
Na przykład Jeśli mam dwa divy, a na zewnątrz div jest statyczny blok, a elementy wewnątrz zewnętrznego div zostaną umieszczone absolutnie względem zewnętrznego div. Następnie użyj position: relative dla zewnętrznego div, a div wewnętrzny użyj position: absolute. Teraz wewnętrzne elementy div mogą być umieszczone w dowolnym miejscu przy użyciu górnych, dolnych, lewych i prawych atrybutów CSS.
+0
Yah !! To dobra odpowiedź. A jak wyjaśniłeś "nie musimy się martwić o odpowiednie pozycje w bloku wewnętrznym". zostaną one automatycznie dostosowane. –
+0
Tak, masz rację ... :) Oglądałem kilka samouczków youtube, gdy walczyłem z pozycjonowaniem w CSS, a potem jestem pewny, że użyłem atrybutu position. – Sahil
3
Nastąpił podobne pytanie wcześniej:
Odpowiedź na to pytanie znajduje się link do użytecznego blogu o pozycjonowaniu.
+0
Te też są Dobrymi Odpowiedziami. Dzięki. –
0
element jest umieszczony w stosunku do swojej normalnej pozycji, tak „left: 50” dodaje 50 pikseli do lewej pozycji elementu
0
Najlepsze wykorzystanie położenie względne jest z pozycja absolutna. Przeczytaj ten link, aby właściwie zrozumieć CSS sztuczki www:
Powiązane problemy
- 1. Różnica między transformacją: translate i position: relative ;?
- 2. Kiedy używamy narzędzia SpringApplicationBuilder?
- 3. position: relative, overflow: hidden rodzic i dziecko absolutny
- 4. CSS background-position
- 5. Problemy z pozycjonowaniem w Firefoksie? position: relative dla wyświetlacza: element tabeli
- 6. Kalendarz dodać() vs roll(), kiedy go używamy?
- 7. CSS relative + right (lub bottom) prawie NIGDY nie pracuję
- 8. Dlaczego tworzenie stylu znacznika body "position: relative" powoduje, że div zaczyna się od najniższej pozycji?
- 9. CSS position: fixed przyczyny rozmyte obrazy w Android przeglądarek
- 10. kiedy używam position: absolute w bloku potomnym to nie dotyczy bloku nadrzędnego?
- 11. http:/relative/path oficjalnie działa?
- 12. Dlaczego używamy setLayoutParams?
- 13. Absolute Position i dolne 0
- 14. Do czego używamy glifu?
- 15. Dlaczego używamy dynamicznego proxy
- 16. Dlaczego "display: table-cell" jest uszkodzony, gdy "position: absolute"
- 17. Dlaczego używamy pomocnika HTML w ASP.NET MVC?
- 18. WebWorldWind Renderable Position Update
- 19. Jak te wartości mają pierwszeństwo w CSS?
- 20. Dlaczego używamy web.xml?
- 21. Visual Studio: Relative Assembly Referencje Ścieżki
- 22. Jak używać --relative z łatką formatu git?
- 23. Dlaczego `position: absolute;` destroy `vertical-align: middle`?
- 24. Shader position vec4 lub vec3
- 25. Dlaczego używamy assert() i assert_options() w php?
- 26. Gdzie używamy operatora obiektu "->" w PHP?
- 27. Dlaczego używamy pliku rt.jar w projekcie java?
- 28. Dlaczego używamy zmiennego słowa kluczowego w C++?
- 29. Dlaczego używamy TRUE obciążenia widok w CodeIgniter
- 30. Czy można uzyskać funkcję absolutnej pozycji bez używania atrybutu position przez css?
element jest umieszczony w stosunku do swojej normalnej pozycji, więc „lewy: 20” dodaje 20 pikseli do elementu Stanowisko LEWO –
@MoortyGK, 'lewy : 20' jest nieprawidłowe i zostanie zignorowane przez zgodne przeglądarki. –
yah !! Wiem, że jeśli piszemy jak left = "20px", to przesuniemy element 20px od lewej (dodaje 20px do lewego offsetu) z jego pierwotnej pozycji. –