position: absolute属性
absolute:生成绝对定位的元素,元素的位置通过"left","top","right"以及"bottom"属性进行规定。可通过z-index进行层次分级。Absolute的绝对定位是相对于包含absolute属性的父级元素,没有则是相对与body元素。在没有设定top等属性时,absolute是相对其父级的。其中容器div层(D)位于底层,下拉菜单div层(B)嵌于按钮div层(A),选中结果显示div层(C)与下拉菜单div层同级。
D属性随意,用于整体定位。
A属性中加入position: absolute。注意不要设置top,left等属性。需要调整与D的位置,使用margin设置。
B属性中加入position: absolute。可以使用top,left等属性。不要使用margin。
C属性中加入position: absolute。使用margin定位。不可使用top,left等属性。
框架如下:
<div id="D"> |
<div id="A"> |
…… |
<div id="B"> |
…… |
</div> |
</div> |
<div id="C"> |
…… |
</div> |
</div> |