position的用法有哪些?

如题所述

position这个属性用于设置HTML元素的位置,需要和“top,left,right,bottom"结合使用。\x0d\x0a 当设置为position:absolute时,处于于绝对定位,这时设置的top,left,right,bottom等属性,设置的是该元素相对于他的父级元素的位置产生多少偏移量。\x0d\x0a 当设置为position:relative时,处于相对定位,这时设置的top,left,right,bottom等属性,可以设置该元素相对于它本身的位置产生多少偏移量。\x0d\x0a 当设置position:fixed时,这时设置的top,left,right,bottom等属性,设置的是该元素相对于body部分产生多少偏移量。\x0d\x0a 主要就是这么点了,你可以用这三个属性,设置相同的top,left,right,bottom值,在浏览器中看看效果。
温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2019-10-27
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值,在浏览器中看看效果。本回答被网友采纳
相似回答