什么是CSS相对定位

 时间:2024-10-12 01:29:18

CSS相对定位是指: 一个元素posit坡纠课柩ion属性值设置成了relative,设置了相对定位后,它扔出现在它原来的位就女蒿鸳置上,但是,可以通过设置垂直(top或bottom)或水平(left或right)位置,让这个元素相对于它的原始位置进行移动,具体用法及说明请看下文。

什么是CSS相对定位

2、注意,元素是相对自己原来位置进行的偏移,并不是相对于父元素哈!

更完整代码

1、<html><head><style type=争犸禀淫"text/css">h2.pos_left{position:rel锾攒揉敫ative;left:-20px}h2.pos_right{position:relative;left:20px}</style></head><body><h2>这是位于正常位置的标题</h2><h2 class="pos_left">这个标题相对于其正常位置向左移动</h2><h2 class="pos_right">这个标题相对于其正常位置向右移动</h2><p>相对定位会按照元素的原始位置对该元素进行移动。</p><p>样式 "left:-20px" 从元素的原始左侧位置减去 20 像素。</p><p>样式 "left:20px" 向元素的原始左侧位置增加 20 像素。</p></body></html>运行效果如下图所示:

什么是CSS相对定位
  • 三国杀:[20]如何标记角色
  • 天柱山自驾游攻略
  • qq阅读如何在线签到获得成长值!
  • 皮皮搞笑如何进行充值
  • 代码包大小为4095kb上限为2018kb请删除后重试
  • 热门搜索
    罗永浩直播在哪里看 朋友圈说说的好句子 旅游作文600字 网关和路由器的区别 父亲节礼物怎么做 骆驼冲锋衣怎么样 中国旅游局官网 陈皮泡水 旅游交友 做双眼皮哪里好