css - 空字符串时div的最小高度

Question

我想匹配 div 中的确切高度，无论它是否带有空字符串。以为我有它，但我意识到即使我可以设置最小高度，当它为空时我也会失去填充，所以会有一个小的偏移量。

应用这个似乎不起作用

.docDetails .description {
    min-height: 1em;
    padding: 2px;
} 

任何的想法？

谢谢

Answer 1

只需通过填充增加最小高度。

您可以通过将 2px 除以基本字体大小来计算 px-to-em 值。例如。2/16 = 0.125em。不要忘记将该值加倍。

.docDetails .description {
  min-height: 1.25em;
  padding: 2px;
} 

Answer 2

您将最小高度值更改为像素。

.docDetails .description { 最小高度：200px; 填充：2px；背景：#003366; }