使用定位隐式转换为行内块元素

块元素和行内元素使用了绝对定位和固定定位（相对定位不会）以后，会默认转换成行内块元素

【注意】

• 通过以上的设置，可以实现为行内非替换元素设置宽高及内外边距。但是替换时，还需要注意转换为块级元素只是，position的副作用，他们本身的作用还会干扰布局效果。
• 块级元素的宽度会继承其父元素。但是，只有为行内元素设置display:block;才会有这样的效果，其他转换之后并不会默认带来这个效果。

• 补充：结合前面我自己的文章，浮动的隐式转换，可以参考另外一篇总结的文章明确指定+两种自动将行内元素变成块级元素的方法

<span>块元素和行内元素使用了绝对定位和固定定位（相对定位不会）以后，会默认转换成行内块元素</span>
<div></div

<style>
        div {
            width: 100px;
            height: 100px;
            border: 1px solid #000;
        }
        span{
            position: absolute;
            left: 100px;
            top: 100px;
            width: 500px;
            height: 500px;
            background: rgb(207, 20, 20);
        }
    </style>