将div调整为其中的div

Question

我在调整ID mask的div时遇到了一些问题，我使用了这个div来处理scrollTo（）效果。

#mask的大小设置为100％浏览器双方和overflow: hidden，因此当我点击菜单时，屏幕会滚动到所选的div。

HTML看起来像这样：

<div id="mask">
  <div id="scrollcontent">
     <div id="content1">
     </div>
     <div id="content2">
     </div>       
     etc.....
</div>

问题是掩码中的一个div的内容对于掩码div来说太大了，我无法完全看到它。有没有办法将掩码div调整为内部div，以便可以完全显示？

同样，面具是overflow:hidden：/

Answer 1

最简单的方法是在末尾添加一个额外的div来清除所有浮动

<div id="mask">
    <div id="scrollcontent">
       <div id="content1">
       </div>
       <div id="content2">
       </div>
       <div style="clear: both"></div>
    </div>
</div>

您还可以使用Micro Clearfix Hack来执行一些伪类样式。

编辑：要让它在外部div上使用滚动条，请将overflow: hidden更改为overflow: scroll。