Вопросы с тегом «positioning»

Я хотел бы создать div, который расположен под блоком контента, но который, как только страница прокручивается достаточно для контакта с ее верхней границей, фиксируется на месте и прокручивается вместе со страницей.

305 javascript  jquery  css  scroll  positioning 

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

262 css  positioning  css-position  footer 

У меня есть SVG, который я пытаюсь центрировать в div. Div имеет ширину или 900px. SVG имеет ширину 400 пикселей. Для SVG поля margin-left и margin-right установлены на auto. Не работает, просто действует так, как будто левое поле равно 0 (по умолчанию). Кто-нибудь знает мою ошибку?

254 css  layout  svg  positioning  margin 

Я пытаюсь создать горизонтальную 100% -ную гистограмму, используя HTML и CSS. Я хотел бы создать бары с использованием DIVsцветов фона и ширины в процентах в зависимости от значений, которые я хочу построить на графике. Я также хочу иметь линии сетки для обозначения произвольной позиции на графике. В своих экспериментах я …

187 html  css  positioning 

Как я могу относительно позиционировать элемент, и чтобы он не занимал место в потоке документов?

186 html  css  positioning  css-position 

В чем разница между position()и offset()? Я попытался сделать следующее в событии клика: console.info($(this).position(), $(this).offset()); И они, кажется, возвращают точно то же самое ... (элемент, по которому щелкнули, находится в ячейке таблицы в таблице)

178 jquery  positioning 

Я использую -webkit-transform (и -moz-transform / -o-transform), чтобы вращать div. Также добавлено фиксированное положение, чтобы div прокручивал пользователя вниз. В Firefox он работает нормально, но в браузерах на основе webkit он не работает. После использования -webkit-transform фиксированная позиция больше не работает! Как это возможно?

155 html  css  positioning  rotation 

У меня есть немного CSS, который при наведении, эффект перехода CSS будет перемещать div. Проблема, как вы можете видеть в этом примере, заключается в том, что translateпереход имеет ужасный побочный эффект: изображение в div перемещается на 1 пиксель вниз / вправо (и, возможно, немного изменить размер?), Так что оно выглядит …

150 css  image  hover  positioning  translate-animation 

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

144 jquery  css  jquery-selectors  positioning  css-position 

Например, у меня есть класс .article, и я хочу видеть этот класс в виде сетки. Итак, я применил этот стиль: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } В этом стиле .article будет выглядеть мозаично / сеткой. Он отлично работает с фиксированной высотой. Но если я хочу установить высоту автоматически (автоматически …

129 css  grid  positioning  css-float  tiles 

Я нашел эту ветку - Как вы растягиваете изображение, чтобы заполнить <div>, сохраняя при этом соотношение сторон изображения? - это не совсем то, что мне нужно. У меня есть div определенного размера и изображение внутри него. Я хочу всегда заполнять div изображением, независимо от того, является ли изображение альбомным или …

120 image  css  positioning  flexbox 

У меня есть элемент position: fixed, поэтому он прокручивает страницу так, как я хочу. когда пользователь прокручивает вверх, я хочу, чтобы элемент перестал прокручиваться в определенной точке, скажем, когда он находится на расстоянии 250 пикселей от верха страницы, возможно ли это? Любая помощь или совет будут полезны, спасибо! У меня …

96 jquery  css  positioning 

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

89 css  static  positioning  css-position 

Мне нужно, чтобы нижний колонтитул был прикреплен к нижней части страницы и по центру. Содержимое нижнего колонтитула может постоянно меняться, поэтому я не могу просто центрировать его с помощью margin-left: xxpx; маржа справа: xxpx; Проблема в том, что это почему-то не работает: #whatever { position: fixed; bottom: 0px; margin-right: auto; …

79 css  positioning  sticky-footer