测试遮住评分的设置
本帖最后由 马黑黑 于 2022-7-18 12:52 编辑 <br /><br /><style>.papa {
left: -214px;
top: 120px;
width: 1024px;
height: 660px;
box-shadow: 3px 3px 30px #000;
position: relative;
}
</style>
<div class="papa"></div> 本帖最后由 马黑黑 于 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:55 编辑
现在，我的帖子，一楼是可以评分的，原因再与修改过，系统加入了修改时间信息，节点被撑开了。
帖子父元素如果用绝对定位（absolute)，则上述解决方案无效，只有在帖子的后面加多多的 <br><br><br>。因为，绝对定位不占文档流空间。
受教了。谢谢老黑！ 这个很实用。谢谢黑黑，学习了{:4_187:} 在你的世界里你是王！ 这个实用 绿叶清舟 发表于 2022-7-18 17:26
这个实用
不过用 relative 定位还是比较少见有被遮挡的，我也只是测试成功一次 马黑黑 发表于 2022-7-18 12:52
现在，我的帖子，一楼是可以评分的，原因再与修改过，系统加入了修改时间信息，节点被撑开了。
帖子父元 ...
我就是加多多的 <br>的{:4_173:} 黑黑。啥都会，大神{:4_178:} 小辣椒 发表于 2022-7-18 19:19
黑黑。啥都会，大神
这个是测试的，依据原理推测 小辣椒 发表于 2022-7-18 19:18
我就是加多多的 的
也是可以的 马黑黑 发表于 2022-7-18 19:02
不过用 relative 定位还是比较少见有被遮挡的，我也只是测试成功一次
这里经常会发生的 绿叶清舟 发表于 2022-7-18 20:18
这里经常会发生的
嗯，偶尔会有 马黑黑 发表于 2022-7-18 20:31
嗯，偶尔会有
贴子一大就会了 绿叶清舟 发表于 2022-7-18 21:16
贴子一大就会了
那别搞那么大 马黑黑 发表于 2022-7-18 21:49
那别搞那么大
有些不大不行的啊 绿叶清舟 发表于 2022-7-19 11:36
有些不大不行的啊
可以缩放 马黑黑 发表于 2022-7-19 12:32
可以缩放
如果做的大图的咋缩啊 绿叶清舟 发表于 2022-7-19 16:25
如果做的大图的咋缩啊
大变小不就成了
页:
[1]