图像右侧的额外空间带有容器中的溢出滚动

EFDesign

这是我正在处理的网站如果您一直滚动到主要营图像的右侧,那么我似乎无法摆脱300px的空白。

那里没有隐藏的东西,也没有填充物;士兵们没有一个悬停状态走得那么远。但是,将容器大小从自动更改为4100px(这就是图片的大小)会加剧滚动溢出。

我确定此修复程序是CSS的其中一行,但是我似乎无法弄清楚。任何帮助将不胜感激!

谢谢

Wmeade

看起来问题出在工具提示和.rollover类上。要进行故障排除并查看空间的来源,请打开开发人员面板并添加新规则,然后滚动到空白处。

* {
  border: 1px solid red !important;
}

您会看到这些工具提示的位置正在添加到空间中(特别是包含工具提示的div)。要解决此问题,请尝试课程上将其替换position: relative那应该将它们保留在适当的位置并删除多余的空间。position: absolute.rollover

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

图像从带有阴影的容器溢出

来自分类Dev

导航栏在右侧有额外的空间

来自分类Dev

网页右侧的额外空间导致水平滚动条

来自分类Dev

引导列中的图像在右侧有空间

来自分类Dev

在带有溢出的div中的x轴上滚动

来自分类Dev

在父容器中滚动右侧 div

来自分类Dev

在 Fabricjs 中带有可见溢出的图像剪辑

来自分类Dev

列表中的额外空间(左侧和右侧)SwiftUI

来自分类Dev

<button>内带有<i>的额外空间

来自分类Dev

<button>内带有<i>的额外空间

来自分类Dev

网格系统额外空间右侧

来自分类Dev

网格系统额外空间右侧

来自分类Dev

Flutter:带有溢出容器的Slider Gallery

来自分类Dev

表格宽度100%,带有溢出滚动

来自分类Dev

自举图像轮播,右侧带有文本

来自分类Dev

元素中的额外空间水平滚动元素具有相对定位的项目

来自分类Dev

Java JButton 不会遍历容器中的 JLabel(带有图像)

来自分类Dev

带有图像和文本的 ScrollView 在 android 中不滚动

来自分类Dev

在溢出中滚动时,防止滚动父容器:滚动容器已达到其极限

来自分类Dev

图像溢出其容器

来自分类Dev

容器内的图像溢出

来自分类Dev

仅在移动设备中禁用垂直滚动,但不能禁用div(带有溢出的div:自动)

来自分类Dev

图像填充容器中的垂直空间

来自分类Dev

flex容器中的溢出滚动元素的宽度为100%

来自分类Dev

Outlook 2019的额外空间。右侧和左侧

来自分类Dev

重叠div通过带有clearfix mixen溢出的容器:隐藏

来自分类Dev

设置溢出:在带有显示内容的表上滚动:flex

来自分类Dev

子元素是其父元素的100%宽度,并带有溢出:滚动

来自分类Dev

带有 figcaption 的文本左侧和右侧的图像

Related 相关文章

热门标签

归档