試圖使溢出：隱藏工作

http://jsfiddle.net/kL4o9ffy/3/您可以看到從左側滑入和滑出的文本是如何在容器外部的。我正在努力解決這個問題。試圖使溢出：隱藏工作

是否有任何改變擺脫顯示：表;在#right div上？

<div class="container"> 
<div class="main-menu"><a href="#target0" class="panel_main">Main Menu Link</a> 
</div> 
<div id="right" id="main"> 
<div id="target0" class="panel active main_act">This is the Target Menu<br /> 
    <a href="#target1" class="panel">Target 1</a><br/> 
    <a href="#target2" class="panel">Target 2</a><br/> 
    <a href="#target3" class="panel">Target 3</a><br/> 
</div> 
<div class="panel" id="target1">Target 1</div> 
<div class="panel" id="target2">Target 2</div> 
<div class="panel" id="target3">Target 3</div> 
</div></div>

來源

2015-05-23 kimberlyvoo

你是不是你所需要的很清楚，這撥弄執行就好了。 – Deryck

如果仔細觀察，向左滑出的文字顯示在容器外部。我需要將文本包含在內，並且在向左滑動時不會向外顯示。 – kimberlyvoo

我得到它工作正常添加一個包裝div到#rigth，並設置一些CSS規則。

<div class="wrapper"> 
    <div id="right" id="main"> 
     ......... 
    </div> 
</div>

CSS：

.wrapper{ 
    width:200px; 
    height: 200px; 
    overflow: hidden; 
}

https://jsfiddle.net/lmgonzalves/kL4o9ffy/6/

來源

2015-05-23 03:04:41 lmgonzalves

我認爲你做到了！謝謝！！ – kimberlyvoo

試圖使溢出：隱藏工作

回答

相關問題