我有一个带有 az 索引下拉菜单的 html 页面。我有这个下拉菜单绝对定位。有一些给定的左值和上值。问题是当窗口全屏时下拉菜单就在它的位置,但是当窗口大小改变时(小于 pc 窗口,z 索引元素的位置会移动,这使得它看起来很尴尬。我知道这是由于绝对定位。
谁能告诉我如何解决这个问题?如何使下拉菜单始终保持原位。附上图片。
确保包含元素具有“位置:相对;” 设置它,顶部/左侧值基于具有位置集的第一个包含元素。如果包含元素没有设置位置,它将尝试下一个父元素,依此类推,直到最终默认为主体。
这是一个例子:
http://jsfiddle.net/erinfreeman/AHWS2/
id 为“one”的 div 具有相对位置,因此子 div 基于其底部/右侧坐标。id 为“二”的 div 没有设置位置,因此子 div 转到下一个父级