如果设置top、right、bottom、left属性并且父级没有设定position属性的话,那么当前的absolute则以浏览器左上角为原始点进行定位,位置将由设置的top、right、bottom、left属性决定的呢。 如果没有设置上下左右属性的话,默认依据父级的坐标原始点为原始点咯。 另外一点哦,绝对定位可以覆盖页面上的其他元素,并可以通过z-index来控制它层级次序。z-index的值越高,它显示的越在上层。 注意咯 网页居中的话用absolute容易出错,因为网页一直是随着分辨率的大小自动适应的呢,而absolute则会以浏览器的左上角为原始点,不会应为分辨率的变化而变化位置~
相对定位呢,是参照父级的原始点为原始点的,无父级则以body的原始点为原始点,配合top、right、bottom、left进行定位,当父级内有padding等CSS属性时,当前级的原始点则参照父级内容区的原始点进行定位。
父盒子使用相对定位:页面上是占用位置的;子盒子以父盒子左上角为基准点进行移动,不会对下面的同级盒子产生影响。 子盒子使用绝对定位:不占位置的哦,完全脱标,不会对兄弟元素产生影响 应用场景:把脱离文档流的元素放在不脱离文档流(需要占位置)的元素上就要用“子绝父相”了呢,例如:制作下拉菜单。(脱离文档流,其实就是:不是按照页面中文本的顺序,一行一行的排下来,而是按照自己的意愿,可能存在一些重叠,常用的办法就是定位和浮动。后面有时间再总结一下这一部分)
呜啦啦啦~~~~收工!!!