试图使溢出：隐藏工作

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

试图使溢出：隐藏工作

回答

相关问题