当可伸缩父级太小时隐藏固定大小的子级？

Question

也许有人想出了一种隐藏方式（确切地说，我需要用其他东西替换它们，但如果我隐藏起来很简单）那些不适合父母的元素？如果溢出属性有这样的值，你会期望的东西：

 overflow:hide-whole;

显然没有这样的选择。但我想也许有一些，而不是太大的css + html hack来实现这一目标？不建议使用JS。

Answer 1

您可以根据需要使用display:none或visibility:hidden

Answer 2

所以我设法解决了我的问题。假设我有一些对象，比如一些固定大小的闪存，假设640x480。我想把它放在一个魔法＆＃34;容器最多占用那么多空间，但如果窗口变窄，我希望容器缩小，完全隐藏闪存。

<div class="container" style="max-width:641px;max-height:480px;width:100%;overflow:hidden;">
    <div style="width:1px;float:left;height:480px;"></div>
    <div style="width:639px;float:left;"></div>
    <embed/object ....>
</div>

现在当缩小规模时，帮助者将孩子推到父母的下限之下，它变得不可见。对于特殊消息，可以使用具有绝对定位的附加div，然后使用z-index确保在主要内容可见时不可见。