javascript - htmlを挿入するajax呼び出しでdivの高さを静的に保つ

Question

テキスト付きのいくつかの p 要素を持つ div を挿入する Ajax 呼び出しがあります。問題は、ボタンをクリックして Ajax を取得するたびに、css スタイルシートでコンテナーの静的な高さを設定していない (特定の幅を設定している) ため、コンテナー全体の高さが変わることです。

ボタンをクリックして Ajax 情報をロードするたびに、コンテナ内のテキストを別のテキストに置き換えているだけなので、コンテナが非常に小さくなるのがすぐにわかります。これのための簡単なcssソリューションはありますか?

score 0 · Accepted Answer

CSSmin-heightプロパティを使用することを検討してください。これにより、コンテナのサイズが小さくなりすぎるのを防ぐことができます ( http://www.w3schools.com/cssref/pr_dim_min-height.asp )。例えば、

#myContainer {
  min-height: 600px;
}

score 0 · Accepted Answer

使用する

min-height:400px;//Whatever height you want it to not get smaller than
height:400px;//Whatever height you want the div to be

小さくならないように

overflow:auto;

予想よりも多くのコンテンツを受け取ったときにスクロール可能になる代わりに、大きくならないようにします。overflow:auto を使用すると、コンテンツがオーバーフローしたときにのみスクロールバーが表示されます。つまり、必要なとき。

どんな用途でもスクロールバーが必要な場合

overflow:scroll;//スクロールバーは、必要なくてもデフォルトで表示されます。

2 に答える 2