风动之石的博客

【初级】加/不加 position 属性，分别如何显示？

题目

如下代码展示的时候在加上position属性和未加入position属性的时候，分别会怎么显示？

<style>
    p {
        background: red;
        color: #000;

        /* position: absolute; */
    }
</style>

<div>
    <span>11111</span>
    <p>2222</p>
    <span>3333</span>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14

参考答案

不加 position: absolute，或加 position: relative 不加 position: absolute，或加 position: relative

加 position: absolute/fixed 加 position: absolute/fixed

加分项：能够阐述在absolute/fixed且未设置top/left/bottom/right的时候应该如何表现