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:表示定位元素底边外壁到参照物元素底部内壁的距离
http://comm.dangdang.com/parents/photo.php?id=233152
http://comm.dangdang.com/parents/photo.php?id=233333
http://comm.dangdang.com/parents/photo.php?id=233422
http://comm.dangdang.com/parents/photo.php?id=233452
http://comm.dangdang.com/parents/photo.php?id=239431
http://comm.dangdang.com/parents/photo.php?id=239447
http://comm.dangdang.com/parents/photo.php?id=239474
http://comm.dangdang.com/parents/photo.php?id=239662
http://comm.dangdang.com/parents/photo.php?id=239836
http://comm.dangdang.com/parents/photo.php?id=239850
http://comm.dangdang.com/parents/photo.php?id=239868
http://comm.dangdang.com/parents/photo.php?id=240274
http://comm.dangdang.com/parents/photo.php?id=241349
http://comm.dangdang.com/parents/photo.php?id=241382
http://comm.dangdang.com/parents/photo.php?id=241400
http://comm.dangdang.com/parents/photo.php?id=242097
http://comm.dangdang.com/parents/photo.php?id=242102
http://comm.dangdang.com/parents/photo.php?id=242105
http://comm.dangdang.com/parents/photo.php?id=242175
http://comm.dangdang.com/parents/photo.php?id=242434