divを特定のサイズにする

Question

私は自分のページにdivを持っていて、特定のサイズに拡大して停止したいと思っています。今、私は...

div {height:300px; width:700px; overflow:auto;} 

オーバーフロー属性はスクロールしますが、これまではコンテンツを展開したいと思います。私はこの下にテキストボックスを持っており、ページの一部を浮かべているテキストボックスが悪いように見えます。これらの属性の両方を持つ方法はありますか？私がGoogleで見つけたすべてのヒットは、コンテンツに合わせて拡張することでした。ありがとう！

Answer 1

max-heightを試してみてください。

これにより、ボックスの最大高さを指定できます。指定した高さに達すると、指定したとおりにスクロールします。

Answer 2

コンテンツのサイズに応じて、divの高さを可変にしたいのですか？次に、固定高さ300pxを与えるのではなく、高さ：自動を与えます。 height：autoは、コンテンツサイズに基づいてdivの高さを調整します。 divが拡張できる最大の高さを制限する場合は、max-heightプロパティも定義します。