Html 隐藏CSS溢出

我有一个容器div。在该div中有三个以700px的间隔对齐容器宽度的图。其想法是，其他两个图形将隐藏在屏幕外，然后，当用户与网页上的各种控件交互时，我可以使用jQuery在屏幕上滑动

我的代码的简化版本如下：

风格

HTML

---

由于某些原因，第二个和第三个图形（位于右侧）仍然可见！如何确保它们不可见？

您需要添加位置：相对；并为溢出设置为隐藏的元素设置一个高度。

您需要添加位置：相对；并为溢出设置为隐藏的元素设置一个高度。

如果要隐藏div，是否考虑过显示：无？例如

---

如果要隐藏div，是否考虑过显示：无？例如

首先必须为父级设置位置：相对。然后，您必须设置父对象的高度

演示：

首先必须为父级设置位置：相对。然后，您必须设置父对象的高度

---

演示：

我不认为只设置position:relative就能解决问题。是的，你是对的。我注意到并准备编辑我的帖子，尽管你已经发布了包含父元素高度的帖子。谢谢。实际上我已经定好高度了。我省略了它，因为我觉得没必要+我需要帮助。谢谢。我不认为只设置position:relative就能解决问题。是的，你是对的。我注意到并准备编辑我的帖子，尽管你已经发布了包含父元素高度的帖子。谢谢。实际上我已经定好高度了。我省略了它，因为我觉得没必要+我需要帮助。谢谢。谢谢这项工作，也谢谢它帮助的jsfiddle链接谢谢这项工作，也谢谢它帮助的jsfiddle链接我通常会这样做，但是因为我想给四处滑动的图形设置动画，所以我不能使用display，我通常会这样做，但是因为我想给四处滑动的图形设置动画，所以我不能使用display

    #graphcontainer {
        height: 260px;
        overflow: hidden;
        width: 700px;
    }
    .graph {
        position: absolute;
    }

<div id="graphcontainer">
        <div class="graph" style="left: 0px;"></div>
        <div class="graph" style="left: 700px;"></div>
        <div class="graph" style="left: 1400px;"></div>
</div>