0

我有以下内容：

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

我添加了一个 clearfix 类，但似乎 DIV 没有拉伸到适合 textarea 的高度。我缺少一些简单的东西吗？

.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;
}
4

2 回答 2

1

如果真的没有任何其他影响这些元素的css规则，给你#tab-notes一个background-color你会看到它确实延伸到textareas高（就像它应该的那样）。

你可以在这里看到它的作用：http: //jsfiddle.net/Mqke4/

仅给出此代码段，clearsfix 似乎毫无意义，并且没有改变任何东西（http://jsfiddle.net/Mqke4/1/）。鉴于此，必须为.full-width, #tab-notes, #dialogNotes（或类似的东西）定义导致此问题的样式。

于 2012-05-20T09:36:48.293 回答
0

你的 textarea 是用float: leftor应用的float: right吗？

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

但是，如果您必须使用该属性，解决问题的最简单方法是将 也应用float:到您的 div 中。

或者您可以使用更改您的 div 的显示类型以阻止display: block

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

于 2012-05-20T09:36:22.147 回答