Question

http://jsfiddle.net/kL4o9ffy/3/您可以看到从左侧滑入和滑出的文本是如何在容器之外的。我想解决这个问题。

摆脱显示器是否有任何变化：table;在#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>

Answer 1

我可以正常工作，为#rigth添加一个包装div，并设置一些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/

试图使溢出：隐藏的工作

1 个答案: