ページの右側に絶対配置したいコメントシステムがあります:
ボックスに最大数のコメントを入れたいのですが、文字数を制限するので高さはあまり気にしません
しかし、そこにあるテキストに基づいて、コメント フィールドを垂直方向に拡張したいと考えています。
したがって、外側のシェルの幅は 200 ピクセルです。各行の幅は 200 ピクセルです。ユーザーの写真用に 50 ピクセルのフロート左 div、コメント用に 150 ピクセルのフロート右 div (コメント div は垂直方向に拡張する必要があります。1 つの単語の回答として最小の高さを指定することはできません。最大 16px)
これは可能ですか？現時点では、overflow:auto を使用してコメント div に最小の高さを設定しようとしていますが、これは単純にスクロールバーを引き起こします。
問題はおそらく（コードが提供されていないため、確認できません）絶対位置のdivが何もないことです。これにより、div が最小限のスペースを使用しようとするため、スクロールバーが発生します。
これは通常、すでに絶対位置に配置されている要素に何かを絶対位置に配置したときに発生します。絶対項目は親コンテキストから取り出されるため、親コンテナーは内部にあるもののためにスペースを取りません。そのため、絶対要素が 1 つだけで絶対要素もある要素は、それが空であるかのように動作します。
この行を変更するとどうなるか見てください:
.comment {position:relative;border:1px solid yellow;padding:3px; margin;3px;}
これに：
.comment {position:absolute;border:1px solid yellow;padding:3px; margin;3px;}
バム、スクロールバー。