Pytania otagowane jako css-position

Właściwość „position” w CSS umożliwia kontrolowanie położenia elementu na stronie przez ustawienie jego wartości na statyczną (ustawienie domyślne), względną, bezwzględną, stałą lub przyklejoną.

13
wyśrodkowanie wyrównanie stałej pozycji div
Próbuję uzyskać element div position:fixedwyrównany do środka na mojej stronie. Zawsze mogłem to robić z absolutnie pozycjonowanymi elementami DIV, używając tego „hackowania” left: 50%; width: 400px; margin-left:-200px ... gdzie wartość margin-left to połowa szerokości div. Wydaje się, że nie działa to w przypadku elementów DIV ze stałą pozycją, zamiast tego …


5
Pozycja docelowa: lepkie elementy, które są obecnie w stanie „zablokowanym”
position: Sticky działa teraz w niektórych przeglądarkach mobilnych, więc możesz przewijać pasek menu wraz ze stroną, a następnie trzymać się górnej części widoku, gdy użytkownik przewinie obok niego. Ale co, jeśli chcesz nieco zmienić styl swojego przyklejonego paska menu, gdy obecnie się „przykleja”? np. możesz chcieć, aby pasek miał zaokrąglone …

5
jak nadpisać left: 0 za pomocą CSS lub JQuery?
Mam element, który ma następujący CSS: .elem { left: 0; position: fixed; right: 0; width: 60%; z-index: 1000; } Element nie obejmuje całego ekranu. Chciałbym, żeby „wyrównało się” do prawej strony ekranu. Byłoby to łatwe, gdybym właśnie usunął left: 0 , ale nie mogę manipulować powyższym CSS, więc potrzebuję trochę …
104 css  css-position 


9
Jak sprawić, by zawartość stałego elementu była przewijalna tylko wtedy, gdy przekracza wysokość widoku?
Mam divpozycję fixedpo lewej stronie strony internetowej, zawierającą menu i linki nawigacyjne. Nie ma ustawionej wysokości z css, zawartość określa wysokość, szerokość jest stała. Problem polega na tym, że jeśli zawartości jest za dużo, divbędzie ona większa niż wysokość okna, a część zawartości nie będzie widoczna. (Przewijanie okna nie pomaga, …
94 html  css  css-position 

5
CSS: Top vs Margin-top
Nie jestem pewien, czy w pełni rozumiem różnicę między tymi dwoma. Czy ktoś może wyjaśnić, dlaczego miałbym używać jednego nad drugim i czym się różnią?
93 css  css-position 




6
Bezwzględne pozycjonowanie wewnątrz pozycji bezwzględnej
Mam 3 divelementy. Pierwszy divjest większy (zawijany) i maposition:relative; Druga divjest pozycjonowana bezwzględnie divwzględem pierwszej pozycji względnej (i jest zawarta w pierwszej pozycji div) Trzeci divjest zawarty w drugim divi ma również pozycjonowanie bezwzględne. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> Dlaczego trzecia divpozycja jest bezwzględna w stosunku do …
89 html  css  css-position 


6
Pozycjonowanie przewijalnej zawartości w stałym menu nawigacji Flexbox
Mam następujący fragment kodu (muszę wyświetlić w trybie pełnoekranowym), że próbuję umieścić <main>element bezpośrednio pod <header>elementem. Mam <header>stałą pozycję, ponieważ chcę, aby pozostała na górze ekranu, gdy użytkownik przewija zawartość <main>elementu. Próbowałem wszystkiego, co wiem, ale najlepsze, co mogę wymyślić, to <header>umieścić element na wierzchu <main>elementu, co odcina dużą część …
15 html  css  css-position  fixed 
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.