当前位置:酷百书>百科知识>position的用法有哪些?

position的用法有哪些?

2023-05-10 14:46:38 编辑:join 浏览量:624

position的用法有哪些?

position的用法有哪些?

position这个属性用于设置HTML元素的位置,需要和“top,left,right,bottom"结合使用。

当设置为position:absolute时,处于于绝对定位,这时设置的top,left,right,bottom等属性,设置的是该元素相对于他的父级元素的位置产生多少偏移量。

当设置为position:relative时,处于相对定位,这时设置的top,left,right,bottom等属性,可以设置该元素相对于它本身的位置产生多少偏移量。

当设置position:fixed时,这时设置的top,left,right,bottom等属性,设置的是该元素相对于body部分产生多少偏移量。

主要就是这么点了,你可以用这三个属性,设置相同的top,left,right,bottom值,在浏览器中看看效果。

标签:position,用法

版权声明:文章由 酷百书 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.kubaishu.com/article/230164.html
热门文章