css - テキストを超えてテキストの背景色を表示するには?

Question

テキスト フィールドの背景が要素全体をカバーしておらず、テキストの範囲までしか広がっていないという問題に遭遇しました。例.

背景色を要素全体に広げたいと思います。このような：

編集。すべての画面サイズで動作する CSS ソリューションに興味があります。height: n pxと書くだけではうまくいきません。

Answer 1

以下を参照してください。height:を変更すると、背景も変更されます。

div.text {
position: relative;
background-color: #DFDFDF;
opacity: 0.8;
padding-top: 8px;
padding-right: 52px;
padding-bottom: 8px;
padding-left: 12px;
font-family: arial;
text-align: justify;
font-size: 0.9em;
height: 150px; <--- work with this 656px seems perfect.
background-size: 100%;
}

Answer 2

あなたの質問を完全に理解しているかどうかはわかりませんがmin-height、コンテナにプロパティを設定して、テキストがどんなに短くても、常に最小の高さを表示することができます。