在调整浏览器大小时，如何防止我的div重叠？

Question

我对CSS不好，并且遇到了一些严重的问题。我有一个网页：http://mrwongsdeals.com/eventsearch.html，在调整浏览器大小时会搞砸。包含底部横幅的div覆盖表单元素。我需要它被推下来。我尝试将position = relative添加到下面的div中，但最后我看到右侧的滚动条。

有人用简单的英语帮助我做什么吗？

Answer 1

position = absolute表示从层次结构中带有position = relative的第一个父元素偏移（顶部，左侧，底部，右侧），或者如果文档本身不存在position = relative的父级。 .gallery div中的图像位于绝对位置，但没有父元素相对定位，因此您在img元素上设置的左，顶部偏移值从文档的边缘开始计算，而不是从边缘开始计算。画廊div。

要更正此问题，请将.gallery div的position属性设置为relative，并调整div中图像的偏移量（顶部，左侧等），以将它们准确定位在您想要的位置。

Answer 2

添加

position: relative;

到画廊班。