画像の高さを固定して入力してください

Question

css問題が発生しました。

私は固定された高さのdivを持っています、400pxとdivの中にいくつかの可変テキストがあります。そして、イメージ、私はdivのスペースを埋めるためにイメージが必要です。テキストは変更され、スペースは常に異なり、すべてが高さ範囲内になければなりません。

Answer 1

display: flexを使用し、divの背景に画像を設定して解決策を見つけました。

あなたはここにコードを見ることができます：https://jsfiddle.net/ckryvuzm/

を私はdisplay: tableを使用してみましたが、時に内容が変化400pxの固定の高さが成長します。

Answer 2

divの幅を高さ400pxを含む100％に定義し、flexとflex-direction：columnを表示します。その中

フレックス成長へのイメージdivのを行います。1.

そして、もう一つのdiv内のすべてのコンテンツを入れて、オーバーフローします：それはスクロールを持っている場合はありません以下コンテンツがあるだろうとして、自動コンテンツのサイズが大きくなり、コンテンツがスクロールバーになります。あなたがこれまでに試してみました何のコードサンプルを追加してくださいhttps://jsfiddle.net/ABhimsaria/vj7bgzpb/2/

#container { 
    position: relative; 
    font-size: 20px; 
    height: 400px; 
    width:100%; 
    border:1px solid black; 
    height: 400px; 
    display: flex; 
    flex-flow: column; 

}