Javascript 为什么在这个CSS中，内部div是从父div中提交出来的？

正文{
填充：50px；
字体：14px“Lucida Grande”，Helvetica，Arial，无衬线；
}
a{
颜色：“00b7ff”
}
#内容{
背景颜色：海蓝宝石；
宽度：800px；
高度：300px；
左边距：自动；
右边距：自动；
边框：2倍纯蓝紫色；
}
#房间{
背景颜色：白肋木；
边缘底部：1米；
}
#信息{
宽度：690px；
高度：300px；
溢出：滚动；
背景色：卡德蓝；
边缘底部：1米；
右边距：10px；
边框：2件纯蓝；
}

聊天命令：

更改昵称：
/nick[用户名]
加入/创建房间：
/Join[房间名称]

您确定您的代码是正确的吗？css中的ID与html文件中的ID不匹配。

您确定代码正确吗？css中的ID与html文件中的任何ID都不匹配

#消息

div太大

父div的默认

overflow

属性显然设置为

visible

现在，至于如何修复它，这取决于您正在尝试做什么。但这是两个促成因素

#消息

div太大

父div的默认

overflow

属性显然设置为

visible

---

现在，至于如何修复它，这取决于您正在尝试做什么。但这是两个促成因素。

我相信这可能会有所帮助：

如果我们将#消息的高度降低到282px，它将正确对齐。 因为上面的div是#room，它取1em=16px，#内容取2px边框。所以总的18px是来自父div

我已经尝试过这些改变，效果很好

正文{
填充：50px；
字体：14px“Lucida Grande”，Helvetica，Arial，无衬线；
}
a{
颜色：“00b7ff”
}
#内容{
背景颜色：海蓝宝石；
宽度：800px；
高度：300px；
左边距：自动；
右边距：自动；
边框：2倍纯蓝紫色；
}
#房间{
背景颜色：模糊木；
边缘底部：1米；
}
#信息{
宽度：690px；
高度：282px；
溢出：滚动；
背景色：卡德蓝；
边缘底部：1米；
右边距：10px；
边框：2件纯蓝；
}

聊天命令：

更改昵称：
/nick[用户名]
加入/创建房间：
/Join[房间名称]

我相信这可能会有所帮助：

如果我们将#消息的高度降低到282px，它将正确对齐。 因为上面的div是#room，它取1em=16px，#内容取2px边框。所以总的18px是来自父div

我已经尝试过这些改变，效果很好

正文{
填充：50px；
字体：14px“Lucida Grande”，Helvetica，Arial，无衬线；
}
a{
颜色：“00b7ff”
}
#内容{
背景颜色：海蓝宝石；
宽度：800px；
高度：300px；
左边距：自动；
右边距：自动；
边框：2倍纯蓝紫色；
}
#房间{
背景颜色：模糊木；
边缘底部：1米；
}
#信息{
宽度：690px；
高度：282px；
溢出：滚动；
背景色：卡德蓝；
边缘底部：1米；
右边距：10px；
边框：2件纯蓝；
}

聊天命令：

更改昵称：
/nick[用户名]
加入/创建房间：
/Join[房间名称]

代码中的内容和消息id在哪里？@techie\u questie代码未正确显示。请现在再次查看。300px+300px内的某些内容肯定会造成溢出。代码中的内容和消息id在哪里？@techie_questie代码未正确显示。请现在再看一遍。300px+300px内的某些东西肯定会造成溢出。代码没有正确显示。请现在再次查看。您的答案看起来更像是注释，请移动它。代码未正确显示。请现在再次查看。您的答案看起来更像一条注释，请移动它。我想将内部div放入父div的边界内。我想将内部div放入父div的边界内。

  #content{
    overflow:hidden;
    }
#messages{
line-height:50%;
}