设计网站中CSS +div html页面中position:absolute定位下拉菜单

2015-11-13 17:49:21 济南新风向网站建设推广公司 102

position: absolute属性

absolute:生成绝对定位的元素,元素的位置通过"left","top","right"以及"bottom"属性进行规定。可通过z- index进行层次分级。Absolute的绝对定位是相对于包含absolute属性的父级元素,没有则是相对与body元素。在没有设定top等属性 时,absolute是相对其父级的。其中容器div层(D)位于底层,下拉菜单div层(B)嵌于按钮div层(A),选中结果显示div层(C)与下 拉菜单div层同级。

设计网站中CSS +div html页面中position:absolute定位下拉菜单

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>

 


标签:   网站建设公司