信息消息引起designproblem

 <div class="infomessage"> 

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

     </div>

由于我使用一些Ajax，有时会覆盖此<div>与错误信息，设计将飞上下疯狂（顶部和底部）。这些错误信息并不比上面那些2 <p>信息高或低，这就是我为什么要使用固定高度的原因。我需要使用什么类型的css代码来保持某种固定高度？

2016-08-14 Hans Pede

如果你想用一个固定的最低高度，您可以使用min-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。

2016-08-14 15:05:53 andreas

您应该添加min-height和max-height具有相同的值height

2016-08-14 15:01:03

回答