使用position的注意点

position设置为relative

此时元素可以根据自己原来的位置通过top,right,bottom,left进行相对的移动。但元素依旧占据着原来的空间(这个很重要)。

position设置为absolute

绝对定位会使元素从文档流中脱离开来,不再占据原来的位置。绝对定位会相对于position设置为relative的父元素或者祖先元素进行相对定位。当找不到relative时则相对于body进行定位

position设置为fixed

脱离文档流,且不会随页面滚动而移动。

posted @ 2016-01-13 10:04  Json_cheeTsui  阅读(368)  评论(0)    收藏  举报