Описание тега css-position

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

css: предотвратить расширение ширины div до доступной ширины

Как я могу предотвратить расширение div? Я хочу, чтобы div с элементами не занимал 100% доступного пространства и имел ширину, как у детей. Мне нужно это для центрирования родительского div по горизонтали. Хитрость заключается в том, что дочерние эл…
08 авг '13 в 19:41
2 ответа

Попытка поместить форму в верхней части div

У меня есть небольшая коробка в нижней части страницы. Я пытаюсь поместить форму прямо над div, но форма продолжает прыгать в загрузочный div. это попытка html РЕДАКТИРОВАТЬ: я также хочу, чтобы строка в форме имела цвет фона, такой же, как в хлебны…
28 сен '16 в 18:02
1 ответ

Исправлена ​​боковая панель в Твиттере Bootstrap 2.0 приводит к перекрытию

Когда я следую всем трем вариантам в верхнем ответе в этом посте: Исправлена ​​навигация по боковой панели в плавном твиттере 2.0 Боковая панель действительно фиксирована, но содержимое другого div в строке (span9) перекрывается боковой панелью. Ког…
23 авг '12 в 00:03
1 ответ

Абсолютный ребенок сворачивает родителя до нулевой высоты только в Safari

Я прочитал много вопросов об абсолютном позиционировании и его особенностях, но ни один из них не дал мне ответа, так что... Вот скрипка со следующими HTML и CSS: HTML <div class="wrap"> <div class="inline-div"> <label> Test </l…
31 дек '13 в 12:01
1 ответ

Как определить, какие элементы находятся под фиксированным div?

У меня есть объект с позицией: исправлено, что я перемещаюсь по странице в ответ на определенный ввод от пользователя. Я хотел бы иметь возможность выбрать элемент dom под этим div с помощью javascript/jquery. У кого-нибудь есть идеи?
29 фев '12 в 02:04
2 ответа

z-index не работает с вложенными абсолютными элементами

Я пытаюсь разработать раскрывающийся список, который содержит ul список, который можно расширять. Элемент списка виден по умолчанию. Когда список развернут, все элементы должны быть видны, и он должен быть расположен над раскрывающимся списком. Я пр…
24 авг '16 в 15:35
2 ответа

Как установить ширину элемента, в то же время позволяя тексту растягивать его?

У меня есть flexbox, и я бы хотел, чтобы моя кнопка управления формой (ширина: 100%) расширялась до той же длины, что и h2, а не h1. К сожалению, поскольку div, в который помещены h2 и кнопка, не имеет объявленной ширины, класс управления формой рас…
07 мар '18 в 12:58
0 ответов

Pinit.js Положение кнопки наведения не исправлено

Я тщетно пытался внедрить скрипт Pinterest в свой сайт. Сценарий работает нормально, однако проблема в том, что зависшая кнопка Pinterest "сохранить" позиционирует себя неправильно. При начальной загрузке страницы кнопка располагается в верхнем углу…
1 ответ

Safari + положение исправлено + ошибка масштабирования исправлена ​​с помощью jquery

Может ли кто-нибудь помочь мне рассчитать верхнюю позицию элементов на основе масштабирования страницы. Небольшое объяснение: в настольных сафари элементы с фиксированной позицией не будут придерживаться своей позиции в области просмотра при увеличе…
15 авг '13 в 09:00
3 ответа

Почему размер текста не остается одинаковым при увеличении масштаба в моем браузере?

Я делаю веб-сайт и пытаюсь сделать его хорошо масштабируемым, но размер текста не остается прежним. Пример: p { width: 10%; height: 10%; background-color: rgb(0,0,0); top: 50%; left: 50%; position: fixed; color: rgb(255,255,255); font-size: 175%; } …
07 мар '17 в 13:53
1 ответ

Центрированный CSS flexbox - ошибка Firefox, когда используется абсолютная позиция?

У меня есть эта проблема, когда абсолютная позиция используется с центрированным элементом flexbox. Это не работает в Firefox. Вот ссылка. HTML <div> <p>Center me!</p> </div> CSS div { width:350px; height:100px; border:1px so…
16 мар '13 в 02:47
2 ответа

Абсолютное позиционирование варьируется на 1 пиксель

У меня есть один фон для моего сайта, прикрепленный к верхнему центру. У меня есть несколько пустых s, которые при наведении курсора мыши должны переключать отображение абсолютно позиционированного с другим фоном, который должен совпадать с исходным…
25 окт '12 в 20:26
5 ответов

Как я могу исправить свое позиционирование CSS

Я пытаюсь сделать так, чтобы мой нижний колонтитул находился внизу страницы, заголовок вверху страницы и раздел в середине страницы. Но все, что я получаю, это красный нижний колонтитул, отображаемый в верхней части страницы. Фоновая оболочка должна…
12 авг '13 в 12:52
5 ответов

Центрируйте div более разумно с помощью CSS

Я центрирую объект с помощью следующего кода: .object { width: 70%; height: 70%; position: absolute; top: 50%; left:50%; /* these are the lines to which I will refer */ margin-top: -350px; margin-left: -350px; } Я использую поля сверху и слева, чтоб…
09 авг '17 в 15:45
4 ответа

Div для отображения, если оглавление находится за пределами прокрутки

У меня есть длинный справочный документ HTML5 с оглавлением вверху. Когда страница прокручивается и таблица больше не видна, я хочу отобразить плавающий элемент div, содержащий ссылку на таблицу: <div id="DivTableOfContentsLink"> <a href="#…
19 янв '14 в 02:40
1 ответ

Поместите блок div абсолютно под другой блок div, не зная его высоты

Я создал веб-сайт, на котором я поместил несколько картинок в ящики для дел и поместил их абсолютно в положение, в котором я хочу их видеть .char1 - .char5 уже есть правильная позиция. Теперь я хочу .char6 - .char10 выровнять прямо под .char1 - .cha…
10 янв '17 в 09:42
1 ответ

CSS относительное расположение элементов, намеренное перекрытие?

У меня есть два div внутри родительского div, который я бы хотел разместить относительно. Единственное, что я хотел бы, чтобы один div заполнил 100% родительского элемента и перекрыл второй div, который я хотел бы заполнить 50% родительского элемент…
02 дек '11 в 10:38
2 ответа

Сложное позиционирование CSS

Я хочу добиться этого позиционирования с помощью CSS: Но лучшее, что я получаю после нескольких дней попыток, это: Можете ли вы помочь мне добиться этого позиционирования, принимая во внимание: красные комментарии на рисунке "try" (см. JSFiddle ниже…
05 янв '14 в 14:05
1 ответ

Div unclickable при использовании относительного позиционирования...?

В настоящее время я разрабатываю веб-сайт для бизнеса по созданию компьютеров. Единственная проблема в том, что сайт работает только на 100% в Firefox. Моя текущая проблема заключается в том, что div слева (с изображениями) и div справа (с рамкой, п…
30 окт '12 в 00:30
1 ответ

Не могу получить с помощью функции jquery к absolute-pos div работает на iphone

Это функция, которую я использую, чтобы изменить положение #nav div в середине (по вертикали) окна. function RepositionNav(){ var windowHeight = $window.height(); //get the height of the window var navHeight = $('#nav').height() / 2; var windowCente…
18 май '11 в 20:38