position:absolute、float、display:inline-block 区别

position: absolute会导致元素脱离文档流,被定位的元素等于在文档中不占据任何位置,在另一个层呈现,可以设置z-index。PS的图层效果就是position: absolute。

float也会导致元素脱离文档流,但还在文档或容器中占据位置,把文档流和其它float元素向左或向右挤,并可能导致换行。图片的文字环绕布局效果就是float。

inline-block不脱离文档流,将block元素当作大型字符嵌入文档流内,类似于img或者input默认效果。


作者:Ivony
链接:http://www.zhihu.com/question/20821569/answer/16294014
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
原文地址:https://www.cnblogs.com/yinliang/p/5319301.html