Question

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

我只需要使用CSS即可。此外，单击按钮时，此错误消息来自asp.net validationsummary控件。

提前致谢。

Answer 1

这是你在一个小提琴中的答案，其中包含相同的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的颜色和最大高度。

Answer 2

<style>
.panel:before {
     content: attr(data);
     display:block;
     min-height: 100px;
     height: 100px;
     width:100%;
     overflow-x:scroll;  /* or overflow-y:scroll */   
}
</style>
<div class="panel"></div>
<div class="panel" data="error: hello world"></div>

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

2 个答案: