css - 即使不需要,“溢出:滚动”也会导致滚动条出现吗?
问题描述
我为客户端的图像创建了一个文本框,该客户端设置了滚动溢出,以便在调整页面大小时文本不会溢出。出于某种原因,我在屏幕上看不到滚动条,但我的客户在 x 轴和 y 轴上都看到了它们。
有谁知道是否有“溢出:滚动;” 导致滚动条出现在某些版本的 Chrome 中,是否有解决方案使它们不可见?
我的客户的替代方案是使用带有文字的图像,出于各种原因,包括可访问性,我想避免这种情况。
我也有这个的离线版本,但仍然看不到滚动条。
我使用的是 Mac,而他们使用的是 PC,但据我所知和回忆,这对这个问题应该没有影响。
您可以在此处查看该页面。
由于我们正在进行脱机的样式表大修,该页面目前很拥挤。
这是我为此使用的 CSS 的片段。认为其中一些可能是多余的。不确定删除其中的任何部分是否会在视觉上改变事情,因为我无法复制这个问题。
.boxwrapper {
position: relative;
font-family: Arial;
margin: 10px 15px;
}
.imagebox {
position: absolute;
top: 15px;
right: 15px;
background-color: #ffffff;
color: white;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
height: 85%;
width: 35%;
overflow: scroll;
}
.imagebox p{
color: #000;
overflow: scroll;
font-size: 18px;
}
预期的结果是页面呈现没有像我这样的滚动条。
解决方案
推荐阅读
- python - 如何修复:“错误”:“预测失败:未知错误。” 在 scikit-learn 的自定义预测例程中?
- powershell - PowerShell:关闭标准输出句柄
- r - 根据将其他列与另一个数据框匹配的值填充数据框的缺失值,同时保留不匹配的值
- javascript - 使用电子伪造打包应用程序时出现问题“无法解析'./→'”
- reactjs - redux 工具包中的变异状态
- xml - 如何在 Powershell 中显示整个 XML 树?
- asp.net-core - 将外部样式表页面分配给 .core Web 应用程序中的剃须刀页面
- laravel - Laravel snappy 返回 Failed to load about:blank, with network status code 301 and http status code 0 - 协议“about”未知错误
- java - 这是解决这个“oneFiveSeven”递归问题的正确方法吗?(不希望有效率)
- c# - 如何在 ASP.NET Core 中注册此依赖项?