css入坑之二

css的元素定位->position属性

1.position:absolute

绝对定位。绝对定位是子元素相对于元素的位置,绝对定位的元素从文档流中脱离,top:60xp表示该元素的右上角到父元素的顶并距离为60xp,其余类比之。
最新发现,父元素必须设置为position:relative 才比较稳定

2.position:relative

相对定位。是该元素自己和自己的相对位置移动。left:60px,表示元素在原本的文档流中,比未设置像左移动了60px.

3.postion:fixed

固定布局。和绝对布局很像,只要把“父元素”看做是浏览器就行了。

你可能感兴趣的:(css入坑之二)