Question

我在div中有一个.net文本框（文本区域），如下所示：

 <div class="description-textarea">

                <asp:TextBox ID="tbDescription" runat="server" CssClass="radial" TextMode="MultiLine" Columns="39" Rows="4"></asp:TextBox>

                <span id="spnCharsLeft" runat="server" class="">1000 characters left</span>

            </div>

我有CSS ......

#content-main #upload .image-and-description .right .description-textarea{ padding-top:6px; width:370px;}
#content-main #upload .image-and-description .right .description-textarea textarea { overflow: hidden; display: block; min-height: 85px; width:423px;}
#content-main #upload .image-and-description .right .description-textarea span{ line-height:40px;}

当我输入大量文本时，我没有得到任何滚动条，所以我无法看到我打字的内容。这些是否可以使文本区域显示滚动条？

Answer 1

此css属性正在隐藏滚动条： overflow: hidden;摆脱它，你会看到珍贵的滚动条。

Answer 2

正如沙皇所说，CSS overflow: hidden;确实隐藏了滚动条。但是，只是摆脱它可能不足以使滚动条出现。默认值overflow: visible;只会让额外的内容呈现在元素之外。

您可以使用overflow: scroll;强制解决问题，或者在overflow: auto;需要时自动滚动条。

如何确保滚动条出现在这个样式的文本区域？

2 个答案: