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 がテキストエリアの高さに合わせて伸びていないようです。私が見逃している簡単なものはありますか？

.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わかります。

ここで実際にそれを見ることができます：http://jsfiddle.net/Mqke4/

このスニペットを考えると、clearsfix は意味がないように見え、何も変更しません ( http://jsfiddle.net/Mqke4/1/ )。.full-widthこれを考えると、この問題を引き起こす、#tab-notes、#dialogNotes(またはそのようなもの)に対して定義されたスタイルが必要です。

于 2012-05-20T09:36:48.293 に答える
0

あなたのテキストエリアはまたはで適用されていますfloat: leftかfloat: right？

その場合は、float プロパティを textarea から削除します。

ただし、そのプロパティを使用する必要がある場合、問題を解決する最も簡単な方法は、float:を div にも適用することです。

または、div の表示タイプをブロックに変更することもできます。display: block

この問題を解決する方法は他にもあります。
でもこちらが一番簡単だと思います。

于 2012-05-20T09:36:22.147 に答える