html - 为什么内容 <div> 会自己放大？

Question

我为您创建了一个 JSFiddle . 当您删除错误消息时，Contentdiv 的大小是正确的，但是如果您添加错误消息，contentdiv 的 bottomborder 会自行扩大，我不知道为什么。 你能帮帮我吗？

<div class='errormessagecontainer'>
 <div class='errormessage'>
  <span>Error</span>
 </div>
</div> 

只需将一些 innerdiv ('errormessage') 添加到 errormessagecontainer 中即可。

实际上，我使用 PHP Foreach 执行此操作。

Answer 1

尝试使用绝对定位，因为它的父级也设置为绝对定位，这会起作用。然后您可以相对于其父级定位错误容器。 Fiddle

.errormessagecontainer{
position: absolute;
width: 20em;
border: 1px dashed rgb(255,0,0);
line-height: 2em;
bottom: 200px;
margin: 2px;
right: 80px;
}