z-index在html中无法正常工作

Question

我有一个带有z索引下拉菜单的html页面。我绝对定位了这个下拉菜单。 一些给定的左和顶值。问题是当窗口全屏时下拉菜单就在它的位置，但是当窗口大小改变时（比pc窗口更小，z索引元素在位置上移位使得它看起来很尴尬。我知道这是由于绝对定位。

任何人都可以告诉我如何解决这个问题？如何让下拉留在原地。附上是图像。                           

Answer 1

确保包含元素具有'position：relative;'设置它，顶部/左侧值基于第一个包含位置设置的元素。如果contains元素没有设置位置，它将尝试下一个父元素，依此类推，直到它最终默认为正文。

以下是一个例子：

http://jsfiddle.net/erinfreeman/AHWS2/

id为'one'的div具有位置相对，因此子div基于它的底部/右侧坐标。 id为'two'的div没有设置位置，所以子div转到下一个父