css里position: relative
时间: 2024-05-24 15:08:20 浏览: 79
举例详解CSS中position属性的使用
CSS中的position属性用于设置元素的定位方式。relative是其中一种定位方式,它相对于元素本身原来的位置进行定位,而不是相对于页面的位置进行定位。如果给一个元素设置了position: relative,那么该元素可以使用top、right、bottom、left属性来设置相对于原来位置的偏移量。
具体来说,如果给一个元素设置了position: relative,并且同时设置了top: 10px; left: 20px;,则该元素将会相对于原来的位置向下偏移10px,向右偏移20px。
注意,相对定位并不会改变元素在文档流中的位置,因此相对定位的元素仍然占据原来的空间,不会影响其他元素的位置。
阅读全文