左右溢出?

时间:2012-09-27 13:01:24

标签: css css3 overflow

我听说过overflow-xoverflow-y,但没有听说过任何可以左右控制它的内容。

编辑:我要做的是确保内容右侧没有任何溢出,但我希望左侧允许溢出,因为我有一个带有css框的图像应用阴影,除非我显示溢出,否则它不会显示。

有没有可用的东西?

4 个答案:

答案 0 :(得分:3)

没有控制溢出左/右或滚动条的位置(使用纯css)这样的事情。唯一的问题是,通过将文字方向从LTR切换到RTL,滚动条的位置也会发生变化。

编辑:在澄清你的问题后:你不能只在一方隐藏溢出,而不能在另一方面隐藏溢出。我目前唯一容易解决的问题是调整父容器的宽度(例如,通过放置一些填充左侧)。

答案 1 :(得分:0)

我想你在问是否有办法使用CSS将滚动条放在左边。如果是这样,那就没有了。

答案 2 :(得分:0)

你能再详细说明一下这个问题了吗? overflow-x将为左侧和右侧设置溢出,如果这就是您所要求的。

编辑:编辑完问题后,我明白你在做什么。如何向容器div应用更大的余量?

答案 3 :(得分:0)

在我的情况下,我有一个标头图像,该图像中嵌入了文本,该文本需要在所有屏幕尺寸下均可见,这意味着overflow: hidden属性需要同时出现在图像的左右两侧(默认情况下,随着屏幕变小,它只会隐藏图像的右侧)

我最终要做的是将图像设置为position: absolute,然后我使用媒体查询将图像向左定位负数的像素(像这样):

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