• ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：テキストボックスの高さを可変とし、ある高さ以上でスクロールバーを出したい）

テキストボックスの高さ可変でスクロールバーを表示する方法は？

このQ&Aのポイント
  • テキストボックスの高さを可変に設定し、一定の高さ以上でスクロールバーを表示する方法を教えてください。
  • 現在、テキストボックスの高さを固定値で設定していますが、可変の高さにしたいです。また、高さが一定以上になった場合に自動的にスクロールバーが表示されるようにしたいです。
  • CSSの`overflow: auto;`ではテキストボックスの高さが固定されてしまいます。ミニマムの高さとマックスの高さを設定し、スクロールバーを自動表示させる方法を教えてください。
  • HTML
  • 回答数1
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • aoixls
  • ベストアンサー率66% (4/6)
回答No.1

<div style="border:5px #000000 double;width:150px;min-height:50px;max-height:100px;overflow:auto;"> 1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br /> </div> ↑こういう事でしょうか？ 内容が50px未満の場合(1～3行目まで)はボックスの高さを50pxとし、 内容が50px以上100px未満の場合(4～6行目まで)は内容に合わせてボックスが可変し、 それ以降はボックスの高さが100pxで固定となりスクロールバーが出ます。 横幅の場合も同様に、min-width,max-widthと指定します。 ただ、この方法はFirefox,Netscape,Opera,Safariなどは対応していますが、IEは対応していないので、IEで同様の表示をする場合はHTML+CSSだけではできないかと思います。

すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

OKWAVE コラム

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する