CSS 中,position:absolute、float、display:inline-block 都能实现相同效果,区别是什么?

CSS 中,position:absolute、float、display:inline-block 都能实现相同效果,区别是什么?

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

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

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

===================================================

补充,其实这个答案完全没有回答问题,因为提问者说:

但是我想回答的是,这三种方式产生的排版效果是截然不同的,只有充分理解了他们的排版效果,才能作出最好的决定。