divでテーブル レイアウトを使用しようとしていました。私の設定ではすべて問題ありません。ただし、最小幅の設定には問題があります。これをフォームで使用しようとしていました。これがデモです。
divleftラベルのサイズが大きくなると、maindiv の幅が制限に達するまで次の行に折り返されません。したがって、左 div の最小幅を 25% に設定することを意味し、左 div のコンテンツが大きくなった場合は、メインの div の幅に達するまでコンテンツに合わせて幅を拡張する必要があります。どうすればこれを行うことができるかを教えてください。
CSS コード
.divmain
{
display: table-row;
padding: 12px;
}
.divleft
{
display: table-cell;
vertical-align: top;
padding: 1px;
width: 25%;
}
.divright
{
display: table-cell;
vertical-align: top;
padding: 1px;
}