2011-08-23 49 views
0

我对CSS不太好,并且遇到一些严重的问题。我有一个网页:http://mrwongsdeals.com/eventsearch.html,当浏览器调整大小时会变得混乱。包含底部横幅的div覆盖了表单元素。我需要它被推下去。我曾尝试将position = relative添加到下面的div,但后来我看到右侧的滚动条。如何在浏览器调整大小时防止我的div重叠?

有人能用简单的英语帮我做什么?

+1

你可以在jsfiddle.net中发布这个例子吗?它会增加获得帮助的机会。 –

回答

2

position = absolute表示从层次结构中第一个父元素与position = relative的偏移量(顶部,左侧,底部,右侧),或者没有包含position = relative的父项存在文档本身。 .gallery div中的图像是绝对定位的,但没有相对定位的父元素,因此您在img元素上设置的左侧顶部偏移值将从文档的边缘开始计算,而不是从边缘开始计算。画廊股利。

为了解决这个问题,设置DIV名为.gallery相对的位置属性,并调整该分区中的图像的偏移量(顶部,左等),您希望他们给他们准确定位。

+0

很好的解释为什么位置:相对应该解决问题。 –

+0

很好的解释,但是现在我已经完成position = relative并且如前所述,右边有滚动条? – milof

0

添加

position: relative; 

到图库类。

+0

顺便说一句,这个页面不是用于小型显示器。横幅永远不会显示可能与当前的CSS。 –

+0

我正在使用专为移动设备设计的jQuery Mobile。 – milof

+0

我正在谈论CSS。这个页面可以以更好的方式完成。 :-) –

相关问题