是否为块元素添加position:absolute会使其行为类似于内联？

Question

请参考 - https://jsfiddle.net/6nyh5p40/

position: absolute;

在div上使它的行为类似于内联元素.删除属性,我们看到div的行为应该是块元素.

我的问题 - 只是添加一个位置:绝对一个块元素使它的行为像内联？

Answer 1

是的,当元素绝对定位时,具有父元素内容区域的全宽度的块元素特征将不被遵守.

如果要保留块元素的宽度(容器的100%),则添加postion: relative;到absolute元素的父元素,然后将absolute元素的宽度设置为100%.

Answer 2

我没听清你的问题。如果您希望它的行为像内联元素那么您应该使用

display:inline-block;

首先，我们应该区分position:absolute的含义。这意味着它将绝对定​​位在相对于父元素的位置。另一方面，显示：块；功能与标签相同<p>。它将占据整条线。不要使用position:absolute来排列元素。您可以使用 display:inline-block 也可以使用 float:left;