隱藏的CSS溢出

我有一個容器div。在這個div裏面是三個以700px間隔排列的圖表（容器的寬度）。這個想法是，其他2個圖將會隱藏起來，然後我可以使用jQuery在用戶與網頁上的各種控件交互時滑動。隱藏的CSS溢出

的我的代碼的簡化版本是像這樣：

樣式

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

HTML

<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>

出於某種原因，第二和第三曲線圖，其被定位成偏離到右側，仍然可見！我如何確保他們不可見？

來源

2011-02-25 Chris

首先，您必須爲父項設置position:relative。然後，您必須設置父級的高度。

演示：http://jsfiddle.net/Scfdk/

來源

2011-02-25 15:20:53 Sotiris

感謝這工作，也感謝jsfiddle鏈接它幫助 – Chris 2011-02-25 16:13:47

@Chris歡迎:) – Sotiris 2011-02-25 16:17:03

您需要添加position: relative;並將設置爲隱藏的溢出元素的高度設置爲隱藏。

來源

2011-02-25 15:13:16 Jore

我不認爲設置僅'位置：relative'將解決這個問題。 – Sotiris 2011-02-25 15:42:07

是的，你是對的。我注意到並即將編輯我的帖子，儘管您已經發布了包括父元素的高度。謝謝。 – Jore 2011-02-25 15:52:25

我實際上已經設定了高度（我省略了它，因爲我認爲它是不必要的）。 +1尋求幫助。謝謝。 – Chris 2011-02-25 16:14:17

如果你想隱藏一個div，你有沒有考慮過「display：none」？例如，
<div class="graph" style="display: none"/>

來源

2011-02-25 15:18:59 DwB

我通常這樣做，但因爲我想動畫圖形滑動我不能使用'顯示' – Chris 2011-02-25 16:26:58

隱藏的CSS溢出

回答

相關問題