所以我有一个名为main的类，其中包含整个网站的内容。由于我处于构建网站的初始阶段，我想确保我的代码中没有错误，例如错过结束标记或关闭引用等。有一件事可以帮助我确保这一点，围绕着我的元素丰富多彩边界。
我的主div假设被红色边框包围，但是边框不包围整个div容器，这告诉我标记有问题。我一直试图解码这个很长一段时间没有成功。我希望也许有人可以帮我解决这个问题吗？
答案 0 :(得分：2)
你的主div高度为1200px，内容大于这个宽度，所以边框没有显示在溢出的内容上，你可以通过增加高度来检查。
答案 1 :(得分：2)
您已将主div的高度设置为内联样式：
<div id="main" style="width:900px; margin-left:auto; height:1200px; margin-right:auto;">
如果您希望它展开以适合内容，请移除高度，否则将固定为1200px。
答案 2 :(得分：0)
我认为这不能回答您的具体问题 - 但在调试标记和检查其质量方面，您可以使用holmes.css“CSS标记侦探”http://www.red-root.com/sandbox/holmes/它突出显示潜在的错误和错误在你的标记中。在开发版本中包含holmes.css文件（或使用该链接上提供的书签工具）。
答案 3 :(得分：0)
你的主div高度为1200px ......移除它并让主div扩展到包含高度的位置。
答案 4 :(得分：0)
如果你删除你的jsfiddle样本上的背景颜色，你会看到你的红色边框包裹在“carousel”div下面。这是因为您为“main”div指定了硬编码高度。我不知道这是不是因为你希望它是最小高度 - 在这种情况下你应该使用min-height - 或者因为你希望它是绝对高度。无论哪种方式，盒子的内容都溢出了容器，这就是为什么你看不到红色边框的底部。
如果您希望“main”具有该高度并且具有滚动条，请将overflow-y: auto;添加到“main”div的样式中。否则，正如我上面提到的，要么完全删除高度声明，要么使用min-height: 1200px;代替“main”div以保留您的内容。