css 之相对父元素定位

最新推荐文章于 2023-05-26 23:12:28 发布

劉哈哈

最新推荐文章于 2023-05-26 23:12:28 发布

阅读量1.1k

点赞数

分类专栏： Div+Css

Div+Css 专栏收录该内容

1 篇文章

订阅专栏

1、问题：

如果 position : absolute ，如何又相对定位？
就是相对父元素，的绝对定位。

2、答案

当父元素的 position 设为 relative 时，
其子元素的 absolute position 是按照父元素的相对位置来的

<style>
.bell_num{color: #fff;height: 23px;line-height: 23px;position: absolute;right: 125px;text-align: center;top: 15px;width: 41px;background-image:url('{:C('HOME_SKIN')}/images/bell_num.png')}
</style>
<div class="mod3 topmod" style="position: relative;">
      <div class="fl"><span class="line1 w354" id="bell"><img src="{:C('HOME_SKIN')}images/ring.png"></span><span class="line2">攻击预警</span></div>
      <div class="bell_num">22</div>     
    </div>