Html CSS中内容下的空间

我有两个DIV。一个是用来保存信息的。另一个用于显示消息内容。但我有一个问题。两个部门下面都有这么大的空间。我怎么修理它

#消息{
边框：1px实心rgb（43,68,233）；
高度：770px；
宽度：300px；
}
#聊天内容{
高度：770px；
宽度：1283px；
边框：1px实心rgb（43,68,233）；
位置：相对位置；
左：300px；
底部：770px；
}

---

您的第二个div位于距窗口底部770px的位置：

底部：770px

。这就是造成这种差距的原因。由于您要处理的是定义的固定宽度，因此您可以使用绝对定位来定位

顶部

和

左侧

。请记住，第二个div上的

left

也需要容纳边框宽度（+2px），因为第一个框的宽度实际上是302px，而不是300（带边框）

#消息{
边框：1px实心rgb（43,68,233）；
高度：770px；
宽度：300px；
位置：绝对位置；
左：0；
排名：0；
}
#聊天内容{
高度：770px；
宽度：1283px；
边框：1px实心rgb（43,68,233）；
位置：绝对位置；
左：302px；
排名：0；
}

---

非常感谢。这对我帮助很大！