Вопросы с тегом «css-position»

Я пытаюсь получить div с position:fixedвыровненным центром на моей странице. Мне всегда удавалось делать это с абсолютно позиционированными div, используя этот "прием" left: 50%; width: 400px; margin-left:-200px ... где значение для margin-left составляет половину ширины div. Похоже, это не работает для div с фиксированной позицией, вместо этого он просто помещает …

127 html  center  alignment  css-position 

position: sticky теперь работает в некоторых мобильных браузерах, поэтому вы можете прокрутить строку меню вместе со страницей, но затем придерживаться верхней части области просмотра, когда пользователь прокручивает ее. Но что, если вы хотите немного изменить стиль липкой строки меню, когда она в данный момент «застревает»? например, вы можете захотеть, чтобы …

111 css  css-selectors  css-position 

Я немного position: stickyзациклился на этом и подумал, что поделюсь вот этим + flexbox gotcha: Мой липкий div работал нормально, пока я не переключил свое представление на контейнер flexbox, и внезапно div не стал липким, когда он был заключен в родительский элемент flexbox. .flexbox-wrapper { display: flex; height: 600px; } …

107 css  flexbox  css-position  sticky 

У меня есть элемент со следующим CSS: .elem { left: 0; position: fixed; right: 0; width: 60%; z-index: 1000; } Элемент не занимает весь экран. Я бы хотел, чтобы он «выровнялся» по правой стороне экрана. Это было бы легко, если бы я просто удалил left: 0 , но я не …

104 css  css-position 

Может ли кто-нибудь сказать мне разницу между style = "position:absolute"и style = "position:relative" и чем они отличаются, если я добавлю его к элементам div/ span/ input? Я использую absoluteпрямо сейчас, но я тоже хочу изучить relative. Как это изменит позиционирование?

103 css  css-position 

У меня есть divпозиция fixedв левой части веб-страницы, содержащая меню и ссылки для навигации. У него нет высоты, установленной из css, содержимое определяет высоту, ширина фиксирована. Проблема в том, что если содержимого слишком много, оно divбудет больше, чем высота окна, и часть содержимого не будет видна. (Прокрутка окна не помогает, …

94 html  css  css-position 

Я не уверен, что полностью понимаю разницу между этими двумя. Может ли кто-нибудь объяснить, почему я бы использовал одно вместо другого и чем они отличаются?

93 css  css-position 

Я пытаюсь вставить div в любую часть тела и сделать его position: absoluteотносительным ко всему документу, а не к родительскому элементу с расширением position: relative.

93 html  css  css-position 

Можно ли сделать так, чтобы навигация на боковой панели всегда оставалась фиксированной при прокрутке в гибком макете?

92 css  twitter-bootstrap  css-position  fluid-layout 

В чем разница между статическим (по умолчанию) и относительным позиционированием в CSS?

89 css  static  positioning  css-position 

У меня 3 divэлемента. 1-й divбольше (обертка) и имеетposition:relative; 2-й divпозиционируется абсолютно по отношению к 1-му divотносительному позиционированию (и входит в 1-й div) 3-й divсодержится во 2-м divи также имеет абсолютное позиционирование. <div id="1st"> <div id="2nd"> <div id="3rd"></div> </div> </div> Почему 3-я divпозиция абсолютна по отношению ко второй div(которая также …

89 html  css  css-position 

У меня проблема с переопределением некоторых плагинов CSS. Редактировать этот CSS напрямую - не вариант, так как это сделает обновление плагина более рискованным. Проблема: элемент имеет абсолютное позиционирование и в оригинале имеет значение top: 0px. Я хочу переопределить его снизу: 0px. Ради примера .element {position:absolute; top:0;} /* in another file …

83 css  webkit  css-position 

У меня есть следующий фрагмент (необходимо просмотреть в полноэкранном режиме), что я пытаюсь поместить <main>элемент непосредственно под <header>элементом. У меня <header>фиксированная позиция, потому что я хочу, чтобы она оставалась в верхней части экрана, когда пользователь прокручивает содержимое <main>элемента. Я перепробовал все, что знаю, но лучшее, что я могу придумать, это …

15 html  css  css-position  fixed