1

我一直在用 CSS 构建这个网站，几乎没有任何问题，现在突然之间我遇到了一些基本定位问题，我无法在我的 body-3 类 div 中找到，低于我的 body- 4 类 div 而不是像往常一样将其向下推并延长页面。该页面似乎具有某种最大长度，尽管我不相信我设置了任何最大页面高度。

.body-3
{
/* what's going on here?*/

如果您在我现在正在处理的公司网站的测试区域中查询这个，在外部 css 文件中，您会看到我在说什么。

这个测试页面在这里：

www.testing.agcomputers.net

注意：该黑框似乎在 body-4 类 div 内（底部的浅灰色区域），但它们实际上包含在 .body-3 类 div 中，并且没有上边距应该将它们向下推到任何其他 div .

如果没有足够的业力，我无法选择答案，但是下面的这些人发现了我明显的错误，我忘记关闭一些 div。多谢你们！

4

3 回答 3

2

您有 3 个未关闭的 div，这会破坏您的结构：

<div id="transition-left">
<div id="transition-right">
<div id="center">

发现这些问题以及更多问题的简单方法是验证您的 HTML。
在其他潜在问题中，您会发现：

第 138 行，第 33 列：未闭合元素 div。

于 2013-09-05T21:48:53.277 回答
2

您需要关闭所有打开的 div。

您目前在内部/包括 body-3 类中有 3 个未关闭的 div，这会导致您的 body-4 div 嵌套，因此不会按照您的预期方式运行。

于 2013-09-05T21:49:25.710 回答
0

别人给你鱼，我教你自己钓鱼。

使用 XHTML（如果是本地文件，重命名为 .xhtml 或者如果使用 PHP，则在发送标头之前使用以下内容（无论是否echo有意使用 PHP 中的任何内容，都会立即发送标头）...

  $mime = stristr($_SERVER['HTTP_ACCEPT'],'application/xhtml+xml');

  if ($mime) {header('Content-Type: application/xhtml+xml');}
  else {header('Content-Type: text/html');}

在 Firefox 中右键单击，View Page Information如果显示Type:application/xhtml+xml，那么它就是 XHTML。当您生成格式不正确的 XML（XHTML 是 XML 的一个子集）时，整个页面将中断，您将收到一条错误消息。

...或者您可以只使用常规 HTML 并在每次重新加载时手动验证，但这不会很有效率并且会浪费您的时间。

XHTML 更加严格，但最好的路径从来都不是最简单的。如果您因为 XHTML 遇到任何问题，请访问我的站点，这是完全成熟的 XHTML，我很乐意为您提供帮助。

于 2013-09-06T01:34:55.903 回答