Запитання з тегом «positioning»

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

305 javascript  jquery  css  scroll  positioning 

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

261 css  positioning  css-position  footer 

У мене є SVG, який я намагаюся зосередити в діві. Діл має ширину або 900 пікс. SVG має ширину 400 пікс. У SVG встановлено автоматичне поле ліворуч та поле праворуч. Не працює, він просто діє так, ніби лівий край дорівнює 0 (за замовчуванням). Хтось знає мою помилку?

252 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-перетворення (і -moz-перетворення / -o-перетворення) для обертання діва. Також додано фіксовану позицію, щоб діва прокручується вниз з користувачем. У Firefox він працює чудово, але у веб-браузерах, які працюють на веб-сайтах, він порушений. Після використання -webkit-трансформації фіксована позиція більше не працює! Як це можливо?

155 html  css  positioning  rotation 

У мене є CSS, що після наведення ефекту переходу CSS буде переміщено діл. Проблема, як ви бачите в прикладі, полягає в тому, що translateперехід має жахливий побічний ефект - змусити зображення в діві рухатись на 1px вниз / вправо (і, можливо, змінювати розмір коли-небудь так трохи?), Щоб воно з'явилося поза …

150 css  image  hover  positioning  translate-animation 

.offset([coordinates])метод встановлює координати елемента, але лише відносно документа. Тоді як я можу встановити координати елемента, але відносно батьківського? Я виявив, що .position()метод отримує лише значення "верхній, лівий" щодо батьківського, але він не встановлює жодних значень. Я спробував $("#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; } Цей стиль зробить .частину виглядати плиткою / сіткою. Це добре працює з фіксованою висотою. Але якщо я хочу встановити висоту на автоматичну …

129 css  grid  positioning  css-float  tiles 

Я знайшов цю тему - Як ви розтягуєте зображення, щоб заповнити <div>, зберігаючи співвідношення сторін зображення? - це не зовсім та річ, яку я хочу. У мене є діва з певним розміром і зображенням всередині нього. Я хочу завжди заповнювати зображення разом із зображенням незалежно від того, чи зображення є …

120 image  css  positioning  flexbox 

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

94 jquery  css  positioning 

У чому різниця між статичним (за замовчуванням) і відносним позиціонуванням у CSS?

89 css  static  positioning  css-position 

Мені потрібно, щоб мій нижній колонтитул був зафіксований внизу сторінки та відцентрований. Вміст нижнього колонтитула може змінюватися в будь-який час, тому я не можу просто відцентрувати його за допомогою поля margin-left: xxpx; поле праворуч: xxpx; Проблема в тому, що з якихось причин це не працює: #whatever { position: fixed; bottom: …

79 css  positioning  sticky-footer