html - 使用 height/min-height 属性防止 div 重叠

Question

#userIDTableCell
{
   border-style:solid;
   border-color:#000;
   border-width:0px;
   min-height: 130px;
}

当我使用 min-height 属性时，顶部 div 与底部 div 重叠。但是当我删除它时，底部 div 将与顶部 div 按比例移动；当我设置一个最小高度值时，这就是我想要发生的事情。

我所做的研究和我尝试过的事情似乎并不奏效。我已经尝试将其他 div 设置为 relative，但这不起作用。不知道还有什么方法可以覆盖它。我也试过将 div 设置为 float ..

Answer 1

如果您使用最小高度属性，您应该将高度设置为自动。

#userIDTableCell
{
   height: auto;
   border-style:solid;
   border-color:#000;
   border-width:0px;
   min-height: 130px;
}