一、定位有哪几种
float浮动定位
position:absolute;静态定位
position:absolute;绝对定位
position:relative;相对定位
position:fixed;固定定位
position: static; 静态定位
二、四种定位的特性
• flaot定位 相对于父元素容器, 后面紧邻的则会受到浮动的影响, 这种定位使得元素脱离文档流
• static(静态定位) 照文档的书写布局自动分配在一个合适的地方,这种定位方式用margin来改变位置,对left、top、z-index等设置值无效,这种定位不脱离文档流。
• position:relative; 可以通过设置left、top等值,使得指定元素相对其正常的位置进行偏移,这种定位不脱离文档流;
• position:absolute;这种定位通常设置父元素为relative定位来配合使用),在没有父元素的条件下,它的参照为body,该方式脱离文档流;
fixed(固定定位)相对于整个文档的,只需设置它相对于各个方向的偏移值,就可以将该元素固定在页面固定的位置,脱离文档流;
三、详细解释相对定位
对某元素设置了相对定位,那么首先这个元素他会跟其它的元素一样,出现在文档流中它该出现的位置,然后,我们可以设置它的水平或垂直偏移量,让这个元素相对于它在文档流中的位置的起始点进行移动。有一点要注意, 在使用相对定位时,就算元素被偏移了,但是他仍然占据着它没偏移前的空间。这里值得注意的一点是:偏移可不是边距,跟边距是不一样的。
四、详细解释绝对定位
被设置了绝对定位的元素,在文档流中是不占据空间的,如果某元素设置了绝对定位,那么它在文档流中的位置会被删除,那这个元素到哪去了呢?它浮了起来,其实设置了相对定位relative时也会让该 元素浮起来,但它们的不同点在于,我们可以通过z-index来设置它们的堆叠顺序