css - 如何仅在固定高度的内容可用时显示 div？

Question

我在一个 div 中显示了一些错误信息。默认情况下，div 应该被隐藏，只有当有任何错误内容可用且具有固定的可滚动高度(仅垂直滚动)时，它才应该显示。

我只需要使用 CSS 来做到这一点。此外，此错误消息是在单击按钮时动态来自 asp.net validationsummary 控件。

提前致谢。

Answer 1

这是你在 fiddle 中的答案，它包含相同的 div，一次有错误，然后没有错误:http://jsfiddle.net/WhQgM/1/

包括将包含这些错误的 div 的 css:

.container{
    max-height:50px;
    overflow-x:hidden;
    overflow-y:auto;
    width:200px;
    background-color:red;
    color:#fff;
}

你可以调整这个div的颜色和最大高度，并根据你的需要制作它。