Использование процентов полей относительно обёртки div, а не размера браузера

Question

Мне нужно расположить три кнопки с помощью css. В настоящее время я использую поле слева: например, 20%. Однако, когда я изменяю размер окна браузера, кнопки перемещаются из своего исходного положения.

Это ссылка на мой сайт: http://www.iamjoetaylor.co.uk

Все остальные элементы остаются в нужном месте, что мне нужно делать?

Спасибо

Answer 1

Координаты и поля элемента «position: absolute» вычисляются из ближайшего родительского элемента, который имел абсолютную или относительную позицию.Если такого элемента нет, то он вычисляется из элемента body.

Если вы хотите расположить кнопки относительно элемента #wrapper, вам нужно установить относительную позицию # wrapper.

Answer 2

Установка вашей маржи в процентах относительно размера родительского элемента. Если поля, требуемые для списка маркеров, должны оставаться неизменными независимо от размера окна браузера, просто используйте px вместо %

Answer 3

Проблема в том, что вы используете position:absolute на 3 делениях, которые содержат элемент. На мой взгляд, вы должны переписать правила для тех, кто хочет добиться стиля, который вы хотите использовать position: relative