Запитання з тегом «css-position»

Властивість "позиція" в CSS дозволяє контролювати розташування елемента на сторінці, встановлюючи його значення статичного (налаштування за замовчуванням), відносного, абсолютного, фіксованого або липкого.

30
Як центрувати абсолютно розміщений елемент у діві?
Мені потрібно розмістити 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відносно вікна браузера, наприклад, проти правої частини браузера. Натомість він повинен бути закріплений відносно контейнера. Я знаю, що position:absoluteможе бути використаний …

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

12
Нехай весь час залишається внизу вмісту сторінки, навіть коли є смуги прокрутки
CSS Натисніть 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
Абсолютне позиціонування ігнорування прокладки батьків
Як зробити так, щоб абсолютний розміщений елемент шанував прокладку його батьків? Я хочу, щоб внутрішній дів розтягнувся на ширину його батьківського і був розміщений в нижній частині цього з батьків, в основному футера. Але дитина має шанувати батьківські прокладки, і це не робить. Дитину притискають праворуч до краю батька. Тому …

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

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

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

3
Як видалити властивість Left, коли позиція: абсолютна?
Я змінюю 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.