float:left；position:relative;放在一起是什么意思

Question

float:left；position:relative;放在一起是什么意思  

Answer 1

当你设置了position：relative之后，元素还是在文档流中，占用父元素空间，当你再设置了float：left之后，元素脱离了文档流，不再占用父元素空间。这时，元素会浮动起来，而且还可以设置相对原来浮动位置的位移，如果后面还有浮动元素，也不能将原来的位置占据，其实就是同时具有浮动和相对位移的特性，而浮动和恶相对位移的特性是什么，请自行百度，可以找到很对很详细的介绍

Answer 2

float:left向左浮动，position:relative相对定位，元素占位加了relative，既可以使用top，left定位，又可以让它有向左浮动效果