Как я могу предотвратить наложение моих div'ов при изменении размера браузера?

Question

Я плохо разбираюсь в CSS и у меня возникли серьезные проблемы.У меня есть веб-страница: http://mrwongsdeals.com/eventsearch.html, которая запутывается при изменении размера браузера.Div, содержащий баннеры внизу над коленями элементов формы.Мне нужно, чтобы его оттолкнули.Я попытался добавить position = relative в div ниже, но потом я вижу полосы прокрутки справа.

Может ли кто-нибудь на простом английском помочь мне с тем, что делать?

Answer 1

position = absolute означает смещение (сверху, слева, снизу, справа) от первого родительского элемента с position = relative в иерархии, или если родительский документ с position = relative не существует самого документа. Изображения в div .gallery позиционируются абсолютно, но нет родительского элемента, который позиционируется относительно, и поэтому значения левого верхнего смещения, которые вы устанавливаете для элементов img, отсчитываются от краев документа, а не от краев. галерея раздел.

Чтобы исправить это, установите для атрибута позиции div .gallery значение относительное и отрегулируйте смещение (верхнее, левое и т. Д.) Изображений внутри этого div, чтобы расположить их именно там, где вы хотите.

Answer 2

Добавьте

position: relative;

к классу галереи.