html - CSS重叠问题

Question

嗨，我有一个 css 问题，因为当用户未正确填写文本框内容时，在联系我们框下方会出现一条错误消息，但它与联系我们框下方的图像有重叠问题。

盒子展开时如何防止图像移动？

联系我们表格css如下

#contactusbox {
padding: 5px;
width: 310px;
height: auto;
float: right;
margin-top: 292px;
background-color: #E2E2E2;
border: 1px solid #B2B8B8;
overflow: hidden;
position: relative;
font-family: 'Open Sans',sans-serif;
font-size: 16px;
color: #333;
}

谢谢

Answer 1

将位置更改position: relative;为position: absolute;