css的绝对定位absolute和 相对定位relative分析

 

 position:absolute；

position:relative;

绝对定位使用通常是

                        父级定义position:relative定位，

                        子级定义position:absolute绝对定位属性，

并且子级使用left或right和top或bottom进行绝对定位。

　元素绝对定位后，会为其后代元素建立一个包含块。且若该绝对定位元素不设置宽度，宽度由内容撑开。

元素绝对定位后，会脱离文档流，若父级不设置高度，则父级高度塌陷；若父级为行内元素，无其他内容，则父级宽度也将塌陷

　元素绝对定位后，元素原来的浮动效果将失效

　当overflow在绝对定位元素和其包含块之间时，绝对定位元素不会被父级overflow属性剪裁。

 

当元素绝对定位时，会从文档流中完全删除。元素位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于初始包含块document，其边界根据偏移属性放置。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。定位元素不会流入其他元素的内容，反之亦然。