绝对定位与相对定位

绝对定位(absolute):要脱离文档流,使用left,right,top, bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,即还是遵循HTML定位规则的,则依据 body 对象左上角作为参考进行定位。绝对定位对象可层叠,层叠顺序可通过 z-index 属性控制,z-index值为无单位的整数,大的在最上面,可以有负值

相对定位(relative):对象不可层叠,依据left,right,top,bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。相对于自己本来的位置移动

固定定位(fixed):要脱离文档流

float不能与absolute和fixed用于同一标签中

posted on 2017-10-15 18:32  cherish00  阅读(159)  评论(0)    收藏  举报

导航