Css 如何拉伸div以适应文本区域的高度？

我有以下资料：

        <div id="tab-notes" class="clearfix">
                <textarea cols=100 rows=15 class="full-width" id="dialogNotes" name="Pages">@Model.Notes</textarea>
        </div>

---

您的文本区域是否应用了

float:left

或

float:right

如果是，请从textarea中删除float属性

但是如果你必须使用那块土地， 解决此问题的最简单方法是将

浮点：

也应用于div

也可以使用

display:block

有更多的方法来解决这个问题。
但是我认为这些是最简单的。

给你的

#标签注释
一个
背景色
如果没有任何其他css规则影响这些元素，你会发现它确实延伸到了文本区域的高度（就像它应该的那样）

你可以在这里看到它的作用：

仅仅给出这个片段，ClearFix似乎毫无意义，并且没有改变任何东西（）。鉴于此，必须为引起此问题的
.full width
、
#tab notes
、
#dialogNotes
（或类似内容）定义样式。
还请发布该代码段的所有相关css。是否手动设置了div的高度？除了clearfix之外，没有任何css。从我的回答中你可以看出，这是不可能的。请尝试在JSFIDLE上重新创建您的问题，并发布一个链接-如果没有模拟问题的可能性，就不可能在这里指出问题所在。附加问题：你是在每个主流浏览器（IE7/8/9和最新版本的Firefox、Chrome、Opera和Safari）中都遇到同样的问题，还是仅仅在其中一个浏览器中？
.clearfix:after, .block-controls:after, .side-tabs:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}