jquery - 将 div 调整为其中的 div

Question

我在调整带有 ID 的 div 大小时遇到​​了一些问题mask，我习惯于使用 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.