Css <；部门>；高度不随内容扩展。设置“；高度：自动“；删除边框

我有一个固定高度的网页，每边和底部都有蓝色边框。这个网页有一个Facebook的评论框，我注意到在发表了一定数量的评论后，评论超过了我的网页页脚下方的内容。这样做是因为添加到网页上的评论越多，网页就越长。由于我的网页有一个固定的高度，评论开始从网页上消失。解决这个问题的简单方法是将div height设置为auto，或者根本不设置高度。我这样做了，出于某种原因，当我这样做时，我的网页边框消失了。我的问题是如何让我的网页在不消失我的边界的情况下，通过facebook的评论进行扩展

#bodywrap {
width: 910px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #9FD6E1;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #9FD6E1;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #9FD6E1;
height: 2025px; /*if i set this to auto my borders disappear*/

---

要仅获取特定div的滚动条，请使用：

overflow-y: scroll

---

在你的css和高度。这应该很好

在CSS中，特别是在整个页面中，很少有需要设置元素的显式高度的情况。导致溢出的不仅仅是内容的数量（用户字体设置、视口大小等）。我认为这是一个常见的“新手”错误，大多数情况下，您希望让内容决定容器的高度，如果需要，可以使用

minheight

拆下硬编码的高度传感器

尝试在

#腰包

元素上安装。有时，当存在浮动元素时，您需要这样做以使背景和边框显示为包裹内容

如果第2步没有帮助，我可以向您保证第1步仍然很重要（除非您希望元素上有滚动条或内容溢出）

---

不相关：

您可以使用速记将边框的CSS压缩为：

border:1px solid #9FD6E1;
border-top:0;

请参阅：

在

标记后插入

，您就没事了

---

bodywrap的两个内部分区都处于浮动状态，因此不在文档流中。

如果可以的话，最好提供您的网站，但这取决于您。否则，你很快就会有答案。不要只是链接到外部网站，在这里发布HTML代码。当你修复实时网站时，我们将一无所有，也无法重现或理解问题。