《position和float的区别.docx》由会员分享，可在线阅读，更多相关《position和float的区别.docx（1页珍藏版）》请在三一办公上搜索。
1、position和float的区别Position:relative和position:absolute都会让元素浮起来，也就是z-index0，它会改变正常情况下的文档流。不同的是position:relative会保留自己在z-index：0的站位，left,right,top,bottom值是相对于自己再z-index:0的位置，但对其他仍在z-index:0层的元素位置不会造成影响。而position:absolute会完全脱离文档流，不再在z-index:0层保留占位符，其left,right,top,bottom值是相对于自己最近的一个设置了position:relative和po
2、sition:absolute的祖先元素的，如果祖先元素全部都没有设置position:relative和position:absolute，那么就是相对于body元素 Float会改变正常的文档流排列，影响到周围的元素。Position:absolute和float会隐式地改变display类型，不论之前什么类型的元素，只要设置了position:absolute、float:left、float:right中的任意一个，都会让元素以display:inline-block的方式显示：可以设置长宽，默认宽度并不占满父元素，就算我们显示地设置display:inline或者display:block，也仍然无效。
