情報メッセージはdesignproblem

Question

は、私は時々、エラーメッセージで、この<div>が上書きされますいくつかのAJAXを使用しているため、私は、デザインが飛ぶだろうと（上下）ダウンクレイジー

 <div class="infomessage"> 

      <p> message </p> 
      <p> message2 </p> 

     </div> 

を持っている想像してしまいます。これらのエラーメッセージは、上記のメッセージよりもそれほど高くないか低いものではないため、固定高さを使用したいのです。どのような種類のCSSコードを使用すると、固定された高さを何らかの形で保持する必要がありますか？<div>？

Answer 1

と同じ値を持つmin-heightとmax-heightを追加する必要があります

.infomessage { 
 
    padding: 0 10px; 
 
    margin: 10px; 
 
    border: 1px solid; 
 
    min-height: 100px; /* <- */ 
 
}

<div class="infomessage"> 
 
    <p>message</p> 
 
    <p>message2</p> 
 
</div> 
 

 
<div class="infomessage"> 
 
    <!-- no content --> 
 
</div>

アボ詳細についてはMDNを参照してください。 t min-height。

Answer 2

あなたが一定の高さの最小値を使用したい場合は、その内容を無視要素の最小の高さを設定するためにmin-heightを使用することができますheight