2021-06-20

display和position的区别

这两个属性是在html+css元素布局中常用的属性。
display:按照个人的理解该属性是为设置元素的存在形式而存在的，它的相关属性值如下所示，能够看出属性值分别表示了被设置元素是block(块)、inline(行内)、flex(弹性)等形式存在，还可以显示或者隐藏。



position:确定元素的定位类型（w3c文档解释），简单说就是怎么放置页面的元素，使得页面布局达到自己满意的程度，使用过程中涉及到定位元素是否脱离文档流，absolute、以及浮动元素是脱离的，relative是不脱离文档流。脱离文档流按照我的理解是是否占用原来的位置。

粘贴以为高分答主的文案：