在某些情况下设置溢出隐藏

Question

如何在屏幕外显示html的情况下隐藏溢出

现在我已在页面的{overflow: hidden;}标记中设置了html head。 所以，它一直都是隐藏的

在我的特定情况下，我在13英寸笔记本电脑上看不到我在注册过程中显示的错误，但我不想一直显示滚动条。

这就是为什么我希望它根据事实设置（或取消设置），如果有溢出的话。

最好的方法是什么？

谢谢，理查德

Answer 1

这样的事情怎么样：

<div id="overflowHidden" style="overflow:hidden;">
    <div id="contentContainer">
        Content goes here
    </div>
</div>

在#overflowHidden上设置高度，当内容在#contentContainer中更改时，检查高度与#overflowHidden的高度相比较，并在#overflowHidden上设置溢出属性

不是最优雅的解决方案，但打开和关闭相比很容易（对于测试生产而言）。

Answer 2

'溢出：自动'不够吗？

http://www.w3.org/TR/CSS2/visufx.html

  

auto：'auto'值的行为   是依赖于用户代理的，但应该   导致滚动机制   提供溢出的盒子

Answer 3

如果只设置滚动条进行垂直滚动会有帮助吗？

你可以使用overflow-y：auto;和overflow-x：hidden;

这将显示垂直滚动条（仅在您需要时），但不会显示水平滚动条。这样，即使您决定显示滚动条，也不会显示具有负属性的隐藏div。