css - 左右溢出？

Question

我听说过overflow-x，overflow-y但还没有听说过任何你可以在左边或右边控制它的东西。

编辑：我要做的是确保内容右侧没有溢出，但我希望左侧允许溢出，因为我有一个应用了 CSS 框阴影的图像，除非我显示它才显示溢出。

有没有类似的东西？

Answer 1

没有像控制溢出左/右或滚动条的位置（纯css）这样的事情。唯一的事情是，将文本方向从滚动条的位置切换到也会发生变化LTR。RTL

编辑：澄清你的问题后：你不能只在一侧隐藏溢出，而不能在另一侧隐藏。我目前看到的唯一简单的解决方法是调整父容器的宽度（例如，通过向左添加一些填充）。

Answer 2

我想您是在问是否有办法使用 CSS 将滚动条放在左侧。如果是这样，不，没有。

Answer 3

你能再具体说明一下这个问题吗？
overflow-x如果这是您的要求，将为左侧和右侧设置溢出。`

编辑：在编辑你的问题之后，我明白你想要做什么。对容器 div 应用更大的左侧边距如何？

Answer 4

在我的情况下，我有一个标题图像，其中嵌入了需要在所有屏幕尺寸下都可见的图像中的文本，这意味着该overflow: hidden属性需要同时出现在图像的左侧和右侧（默认情况下，它只隐藏随着屏幕变小，图像的右侧）

我最终做的是将图像设置为position: absolute，然后我使用媒体查询将图像定位到左侧负数像素（像这样）：

@media screen and (max-width: 899px) { 
    left: -90px;
}