测试遮住评分的设置

马黑黑 · 发表于 2022-7-18 12:40

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由马黑黑于 2022-7-18 12:52 编辑

马黑黑 · 发表于 2022-7-18 12:42

本帖最后由马黑黑于 2022-7-18 12:48 编辑

一楼代码：

<style>
.papa {
      left: -214px;
      top: 120px;
      width: 1024px;
      height: 460px;
      box-shadow: 3px 3px 30px #000;
      position: relative;
}
</style>

<div class="papa"></div>

问题出在红色代码这句。top: 120，设置 papa 的上边值，因为是相对定位（position: relative），这样设置 top 可以移动位置但不能移动papa元素的实际占位，所以会遮挡评分区域。

解决方法：去掉 top 设定，改用 margin-top 来设定上边起始位置（也就是拉开距离）。方法是用一下这句代替原来代码中的红色那句：

      margin-top: 120px;

margin-top 设置的是上边的外边距。这样使用，能够使得帖子父元素不遮挡自己的美美脸，又能不遮挡下面的评分区域。

马黑黑 · 发表于 2022-7-18 12:52

本帖最后由马黑黑于 2022-7-18 12:55 编辑

现在，我的帖子，一楼是可以评分的，原因再与修改过，系统加入了修改时间信息，节点被撑开了。

帖子父元素如果用绝对定位（absolute)，则上述解决方案无效，只有在帖子的后面加多多的 <br><br><br>。因为，绝对定位不占文档流空间。