css高级应用

定位(position)属性及应用

值    描述
absolute    设置绝对定位的元素，相对于具有相对定位属性的父级元素偏移元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
fixed    生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定( 自己位置不保留-对联广告-下方弹出的广告)
relative    相对定位的元素，相对于该元素原来位置偏移因此元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。(自己的位置要保留)
Static    默认值。没有定位（元素的位置通过top, bottom, left, right）。( 自己的位置不保留)

 

设置绝对定位时必须的两个条件
必须给父元素加定位属性，一般建议：position:relative
给子元素加绝对定位position:absolute;同时要加方向属性。