完全隐藏一个隐藏了一些溢出的元素答案

【问题标题】：Hiding an element completly that has had some overflow hidden完全隐藏一个隐藏了一些溢出的元素
【发布时间】：2011-02-15 15:12:09
【问题描述】：

基本上，我有一个父 div，其高度和宽度以及溢出：隐藏，然后在其中包含更多 div。我们正在处理流动的内容，一些 div 越过角落所以被隐藏起来。但一个是一半一半。有没有办法让它完全隐藏？

CSS 最好。

【问题讨论】：

【解决方案1】：

如果不使用 Javascript，我认为您无法知道来自 overflow:hidden 父母的孩子是在隐藏部分还是可见部分（我可能在这里错了）。

我的建议是将所有子 div 设置为固定尺寸 d，并将父 div 设置为 d 的倍数，这样每个子 div 要么完全可见，要么不可见。

如果您用不同长度的内容填充 div，此解决方案将不起作用

【讨论】：

【解决方案2】：

如果我理解您的帖子，您的包装 div 具有溢出：隐藏，并且您希望隐藏任何子元素，除非它可以完全显示在包装 div 中。

可能有更好的方法，但我会使用 CSS 媒体查询。如果您不确定它们是如何工作的，这是一个很好的起点： http://css-tricks.com/resolution-specific-stylesheets/

使用此方法，您可以确定在任何给定的分辨率集上应显示每种类型的块数。我很想看看它是如何进行的，或者你最终是否会使用不同的方法。祝你好运！

【讨论】：

听起来是个好主意，但只支持 Firefox 和 Opera IE 是不行的。尽管感谢您的帖子，但它可能与将来的答案一样接近！
是的，互联网的问题孩子......我认为那篇文章提出了一个解决方案。如果我没记错的话，你开始正常设置你的布局，然后让它在 IE 上工作，你添加一个非常简单的 javascript 来执行围绕屏幕大小和加载哪个样式表的逻辑（对于 IE）。