Изменение размера окна, вызывающего проблемы

Я хочу разместить кнопку где-то на моей веб-странице, но изменение размера окна приводит к перемещению кнопки.Изменение размера окна, вызывающего проблемы

Вот CSS:

.btn-success{ 
     position: absolute; 
     left: 37%; 
     bottom: 20%; 
    {

и HTML:

<button class="btn btn-success btn-large">Buy now!</button>

Что я могу сделать, чтобы предотвратить это? Если есть что-нибудь еще, что я могу опубликовать, это поможет, просто дайте мне знать. Благодарю.

источник

2013-06-14 Derrek Whistle

Не используйте процентное положение или используйте процентное положение внутри элемента 'position: relative' с абсолютной шириной (px, pt и т. Д.) ... – prodigitalson

Я вижу. У меня есть еще одна проблема. Кнопка идет достаточно далеко вправо с большим разрешением, но недостаточно далеко при меньшем разрешении. Все остальное подходит, за исключением кнопки. Есть идеи? –

Я не могу сказать, по крайней мере, пример вашего макета. Вы должны сделать jsfiddle, который иллюстрирует проблему. – prodigitalson

Как предложено не использовать проценты. Основываясь на моем опыте использования процента, вы испортите свой веб-дизайн при смене разрешения экрана. Вместо этого используйте ширину или высоту исправления (используйте .px или .em). На моем веб-сайте я использую margin: 0 auto;, чтобы сосредоточить его, и я использую фиксированную высоту и ширину, поэтому на любом разрешении экрана мой веб-дизайн не затрагивается. Вот руководство, которое помогает мне избежать проблем с разрешением экрана. How to Center a Website With CSS.

источник

2013-06-14 02:21:19 bot

Спасибо. Проблемы с разрешением - моя самая большая проблема прямо сейчас. –

Я думаю, что эта кнопка вложена в некоторый контейнер содержимого в HTML. Предполагая, что этот контейнер имеет максимальную ширину или ширину, вы можете добавить позицию: относительно этого контейнера 'css.

Вам необходимо знать, что ваша кнопка будет располагаться относительно первого родителя, у которого есть относительное или абсолютное положение.

источник

2013-06-14 02:14:57

Кнопка не находится внутри контейнера. –

Изменение размера окна, вызывающего проблемы

ответ

Смежные вопросы