深入理解CSS定位与层叠

position：static(静态定位)

当position属性定义为static时，可以将元素定义为静态位置，所谓静态位置就是各个元素在HTML文档流中应有的位置

podisition定位问题。所以当没有定义position属性时，并不说明该元素没有自己的位置，它会遵循默认显示为静态位置，在静态定位状态下无法通过坐标值（top,left,right,bottom）来改变它的位置。

position：absolute(绝对定位)

当position属性定义为absolute时，元素会脱离文档流，完全不受文档流的影响，根据某个参照物坐标来定位它的位置.当绝对定位元素没有显示的指明top,right,bottom,left定位属性时，它还是暂时未脱离文档流，并受文档流的影响，具有相对定位的特性，但是它在文档流中的位置已经不存在了。如果绝对定位只显示的定位x轴或者Y轴，那它只具备这个方向上的定位能力，另一个方向仍然显示为相对定位的特性。

坐标值：
top:表示定位元素顶边外壁到参照物元素顶部内壁的距离
right:表示定位元素右边外壁到参照物元素右侧内壁的距离
left:表示定位元素左边外壁到参照物元素左侧内壁的距离
bottom:表示定位元素底边外壁到参照物元素底部内壁的距离

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表