使用溢出-y：隐藏或溢出-x：隐藏以仅隐藏元素的一侧

标题几乎要求问题，但我知道使用overflow-y: hidden和overflow-x: hidden你可以隐藏顶部和底部或左侧和骑一个元素的一面，但有没有办法只隐藏一边使用这些选择器。使用溢出-y：隐藏或溢出-x：隐藏以仅隐藏元素的一侧

特别是我有兴趣隐藏一个溢出而不是顶部的div的底部。

如果不是有任何其他的CSS方式来完成这个预期的效果？

有一个合理的目的，需要这个，我想看看是否有一个标准的方式做到这一点。

要稍微解释一下，我只在CSS的幻灯片的控制，我需要推一个元素幻灯片div里面了div上述然而overflow: hidden值被切断这推高了div当我这样做。我当然可以完全删除overflow: hidden，但那样做并不能为您带来非常好的幻灯片！

小提琴包含如下：

https://jsfiddle.net/ejhyz7t3/

来源

2013-03-26 Peter Featherstone

请写一个小提琴来演示你正在尝试做什么。 – 2013-03-26 22:47:17

确保内容不在'div'的顶部之上开始？ – 2013-03-26 22:47:23

嗨帕克内尔。我希望这很容易，但是我只是在控制CSS，因此我需要将div中的元素放在div上方，但溢出：当我这样做时，隐藏的值会将其切断。 – 2013-03-26 22:48:54

基于示例中的问题的下面的jsfiddle提供切断仅使用clip底部边缘的所需效果：

https://jsfiddle.net/ejhyz7t3/2/

完整的代码被复制下面供参考：

HTML

<div class="outer-container"> 
    <div class="inner-container"> 
    </div> 
</div>

CSS

.outer-container { 
    background: red; 
    height: 100px; 
    margin-top: 100px; 
    width: 150px; 
    padding-left: 50px; 
} 

.inner-container { 
    background: green; 
    height: 200px; 
    width: 100px; 
    transform: translateY(-50px); 
    position: absolute; 
    clip: rect(0, 100px, 150px, 0); 
}

来源

2017-07-25 17:40:47

我有一个类似的问题在那里我有一个可拖动的div，我想溢出向右/向下，但不顶/左。我通过调整z-index来解决它。容器div到z-index：0px;可拖动到z-index：500px;并在顶部和左侧（菜单）div-z-index：1000px ;.这有效地夹着可拖动的层，允许在我想要的方向上溢出。

来源

2013-08-26 17:39:49 user2718966

z-index不能在px中给出 – nottinhill 2016-11-19 07:18:40

-1

.mydiv { 
    clip: rect(-100px, -100px, auto, -100px); 
}

设置剪辑矩形的底部到auto剪辑像overflow: hidden会有。 -100px值是任意选择的，以留出溢出空间。

来源

2015-11-09 12:21:17 h0b0

使用溢出-y：隐藏或溢出-x：隐藏以仅隐藏元素的一侧

回答

相关问题