本文深入探讨了CSS中relative和absolute定位属性的区别与用法，通过具体实例展示了如何利用这些属性调整元素的位置，包括上下左右的偏移方式，并强调了父元素设置为relative或absolute的重要性。
position :relative
bottom top left right 则是该元素的相对原先位置的偏移
例：
bottom:10px;是相对原先的位置向上偏移10px;bottom:-10px;是相对原先的位置向下偏移10px;
top:10px； 是相对原来的位置偏移向下偏移10px;
left:10px; 是相对原先的位置向左偏移10px；
right：20px；是相对原先的位置向右偏移10px;
position :absolute
bottom top left right 则是该元素相对父亲元素的偏移
例：
bottom:10px;是该元素的下边界相对父亲元素的下边界向上偏移10px:(要想实现该效果父亲元素必须实现postion为relative或absolute，否则该元素则会相对body偏移)
top:10px;是该元素的上边界相对父亲元素的上边界向下偏移10px;(要想实现该效果父亲元素必须实现postion为relative或absolute，否则该元素则会相对body偏移)
left right 同理
扫一扫
479
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
