当前位置:神舟问>百科知识>在CSS中position: relative是什么意思?

在CSS中position: relative是什么意思?

2024-01-05 20:46:08 编辑:join 浏览量:590

在CSS中position: relative是什么意思?

相对定位,对象遵循正常文档流,但将依据top,right来自,bottom,left等属性在正常文档流中偏360问答移位置。

位置属性被设置为rel术弦齐是按什曲ative之后,是相对于前面的容器定位的。这个时候不能用topleft眼式步述赵氢运称试在定位。应该用margin。它可以随窗口大小变化。但大小仍然不会变。要是你设置成width:100%;height:100%;这样就会随着窗口变大变小

比如:<div></div><div></div>

当1固定了位置。1的样式float:left;width:100px;height:800px;

2的样式为float:left;position:relative;margin-left:20px;width:50px;

2的位置在知斤觉稳同厚车越胶1的右边,距离120px.

当Position属性值为Relative时对象原来占有的位置保留,其后面的对象按原来文档流仍然保持原来的位置Top的值表示对象相对原位置向下偏移的距离bottom的值表示对象相对原位置向上偏移的距离两宗者同时存在时,只有Top起作用。left的值表示对象相对原位置向右偏移的距离right的值表示对象评守日威今川最开相对原位置向左偏移的距离两者同时存在时,只有left起作用。

参考链接:http://www.***.com/news/157.html

标签:CSS,position,relative

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