CSS position static定位

1)不好意思,让大家失望了。static不相对于谁,这点初学者不太好理解。position的其它属性值都有相对于谁,这是唯一的不相对于谁的位置。

没有定位也是一种定位。

2)元素会在页面流式显示,如果不是块级元素(display值block),则从左往右显示,到页面宽度后换行显示。块级元素则换行显示。

3)如果元素是static定位,则针对它设置坐标(偏移量)left/right/top/bottom无效。

4)html元素默认定位都是static。

<body>
    <span>span1</span>
    <span style="position: static;; left: 100px;top:100px;">span2</span>
    <span>span3</span>
    <div>div1</div>
    <div>div2</div>
</body>

上述position设置其实多余,因为默认就是static。

img