365体育备用网址报道CSS 相对定位_365体育备用网址官网资讯

设置为相对定位的元素框会偏移某个距离。元素依旧坚持其未定位前的形状,它原本所占的空间仍保留。

CSS 相对定位

相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的地位上。然后,能够通过设置垂直或水平地位,让这个元素“相对于”它的起点进行移动。

如果将 top 设置为 20px,那么框将在原地位顶部下面 20 像素的地方。如果 left 设置为 30 像素,那么会在元素左边创建 30 像素的空间,也就是将元素向右移动。

#box_relative {
  position: relative;
  left: 30px;
  top: 20px;
}

如下图所示:

CSS 相对定位实例

注意,在使用相对定位时,无论是否进行移动,元素依旧占据原来的空间。因此,移动元素会导致它覆盖其它框。

CSS 相对定位实例

HTML/diy_html.PHP?filename=csse_position_relative">定位:相对定位
本例演示如何相对于一个元素的正常地位来对其定位。
------分隔线----------------------------

公布评论 (190人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换狮威娱乐城游戏平台
最新评论