0

我为您创建了一个JSFiddle。当您删除错误消息时，Contentdiv 的大小是正确的，但是如果您添加错误消息，则 contentdiv 的底部边框会放大，我不知道为什么。你能帮助我吗？

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

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

实际上，我使用 PHP Foreach 来做到这一点。

4

5 回答 5

1

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

.errormessagecontainer{
position: absolute;
width: 20em;
border: 1px dashed rgb(255,0,0);
line-height: 2em;
bottom: 200px;
margin: 2px;
right: 80px;
}
于 2013-11-07T10:12:52.847 回答
1

但是如果你添加errormessages contentdiv的bottomborder会放大自己，我不知道为什么

因为这就是position:relative 工作原理——它将元素移动到没有它的位置，并保留元素所需的原始空间 reserved。

于 2013-11-07T10:59:37.503 回答
0

为内容容器设置最大高度，如下所示：

 max-height: 400px;
于 2013-11-07T10:11:21.227 回答
0

您可以添加 display:none; 到 .errormessagecontainer 并将其设置为在显示错误时阻止。

于 2013-11-07T10:12:40.217 回答
0

试试这个

CSS

.errormessagecontainer {
    border: 1px dashed #FF0000;
    display: inline-block;
    left: 25em;
    line-height: 2em;
    margin: 2px;
    position: relative;
    top: -228px;
    width: 100px;
}

小提琴

于 2013-11-07T10:24:36.487 回答