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

Свойство «position» в CSS позволяет вам управлять положением элемента на странице, задав для него значение static (настройка по умолчанию), относительное, абсолютное, фиксированное или закрепленное.

30
Как центрировать абсолютно позиционированный элемент в div?
Мне нужно поместить div(с position:absolute;) элемент в центре моего окна. Но у меня проблемы с этим, потому что ширина неизвестна . Я попробовал это. Но это должно быть отрегулировано, поскольку ширина отзывчива. .center { left: 50%; bottom:5px; } Любые идеи?

25
Как центрировать элемент «позиция: абсолют»
У меня возникли проблемы центровки элемент , который имеет атрибут positionнабор для absolute. Кто-нибудь знает, почему изображения не центрированы? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } ul#slideshow li img { …

23
Фиксированная позиция, но относительно контейнера
Я пытаюсь исправить это divтак, чтобы он всегда прилипал к верхней части экрана, используя: position: fixed; top: 0px; right: 0px; Тем не менее, он divнаходится внутри центрированного контейнера. Когда я использую position:fixedего, он фиксирует divотносительное значение окна браузера, например, напротив правой стороны браузера. Вместо этого он должен быть зафиксирован относительно …

16
Центрировать позицию: фиксированный элемент
Я хотел бы сделать position: fixed;всплывающее окно по центру экрана с динамической шириной и высотой. Я использовал margin: 5% auto;для этого. Без position: fixed;этого центры прекрасно по горизонтали, но не по вертикали. После добавления position: fixed;он даже не центрируется по горизонтали. Вот полный набор: .jqbox_innerhtml { position: fixed; width: 500px; …

12
Делайте так, чтобы div всегда оставался внизу содержимого страницы даже при наличии полос прокрутки
CSS Push Div внизу страницы Пожалуйста , посмотрите на эту ссылку, я хочу наоборот: Когда содержание перетекает в скроллинга, я хочу , чтобы мой колонтитулы быть всегда в полной нижней части страницы, как переполнение стека. У меня есть div с id="footer"и этот CSS: #footer { position: absolute; bottom: 30px; width: …


20
«Позиция: липкая;» не работает CSS и HTML
Я хочу, чтобы панель навигации прилипала к вершине, как только я ее прокручиваю, но она не работает, и я понятия не имею, почему. Если вы можете помочь, вот мой HTML и CSS код: .nav-selections { text-transform: uppercase; letter-spacing: 5px; font: 18px "lato",sans-serif; display: inline-block; text-decoration: none; color: white; padding: 18px; …
177 html  css  css-position 

8
Абсолютное позиционирование, игнорируя отступы родителя
Как сделать так, чтобы элемент с абсолютным позиционированием соблюдал заполнение его родителя? Я хочу, чтобы внутренний div растягивался по ширине своего родителя и располагался внизу этого родителя, в основном нижний колонтитул. Но ребенок должен соблюдать отступление родителя, а он этого не делает. Ребенок прижимается прямо к краю родителя. Итак, я …

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

7
В jQuery, как я могу установить «top, left» свойства элемента со значениями позиции относительно родителя, а не документа?
.offset([coordinates])Метод устанавливает координаты элемента, но только относительно документа. Тогда как я могу установить координаты элемента, но относительно родителя? Я обнаружил, что .position()метод получает только «top, left» значения относительно родителя, но он не устанавливает никаких значений. Я пробовал с $("#mydiv").css({top: 200, left: 200}); но не работает.

4
CSS: Как получить позицию: абсолютный div внутри позиции: относительный div не должен быть обрезан переполнением: скрыт в контейнере
У меня есть 3 уровня div: (Зеленым цветом внизу) Верхний уровень divс overflow: hidden. Это потому, что я хочу, чтобы некоторый контент (не показанный здесь) внутри этого блока был обрезан, если он превышает размер блока. (Красным внизу) Внутри у меня есть divс position: relative. Единственное использование для этого для следующего …

10
'transform3d' не работает с позицией: фиксированные дочерние элементы
У меня есть ситуация, когда в обычных условиях CSS фиксированный div будет располагаться именно там, где он указан ( top:0px, left:0px). Похоже, это не соблюдается, если у меня есть родительский объект с преобразованием translate3d. Я чего-то не вижу? Я пробовал другие варианты webkit-transform, такие как style и transform origin, но …

25
iOS 5 фиксированное позиционирование и виртуальная клавиатура
У меня есть мобильный веб-сайт, у которого есть div, прикрепленный к нижней части экрана через position: fixed. Все работает нормально в iOS 5 (тестирую на iPod Touch), пока я не нахожусь на странице с формой. Когда я нажимаю на поле ввода и появляется виртуальная клавиатура, внезапно фиксированная позиция моего div …

3
Как удалить свойство Left, когда position: absolute?
Я переопределяю CSS сайта в версию RTL, когда выбран определенный язык. У меня есть элемент, который должен иметь абсолютное позиционирование. В версии LTR я делаю, left: 0px;и она выровнена влево; в версии RTL я хочу сделать противоположное right, но leftсвойство не переопределяется, поэтому оно остается слева. Я пытался взломать !important, …
137 css  css-position 

4
Абсолютное положение и переполнение скрыто
У нас есть два DIV, один встроен в другой. Если внешний DIV не позиционируется как абсолютный, тогда внутренний DIV, который позиционируется как абсолютный, не подчиняется скрытому переполнению внешнего DIV ( пример ). Есть ли шанс заставить внутренний DIV подчиняться переполнению, скрытому от внешнего DIV, без установки внешнего DIV в положение …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.