Question

我一直在用CSS构建这个网站几乎没有任何问题，现在突然间我遇到了一些基本定位的问题，我无法在我的身体3级div中找到问题，我的身体 - 4级div而不是向下推，并像正常一样延长页面。该页面几乎似乎有某种最大长度，但我不相信我已经设置了任何类型的最大页面高度。

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

如果您在我正在处理的公司网站的测试区域上查询此信息，则在外部css文件中，您将看到我正在谈论的内容。

此测试页面在此处显示：

www.testing.agcomputers.net

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

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

Answer 1

你有3个你没有关闭的div，这会弄乱你的结构：

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

找到这些问题的简单方法是validate your HTML 在其他潜在问题中，您可以找到：

第138行，第33栏：未关闭的元素div。

Answer 2

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

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

Answer 3

其他人会给你一条鱼，我会教你自己钓鱼。

使用XHTML（如果是本地文件，重命名为.xhtml或者如果使用PHP，则在发送标题之前使用以下内容（只要您有意或无意地echo发送任何内容，就会发送标题）... < / p>

  $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，我很乐意帮助您。

CSS - 另一个“哎呀，这应该不会发生”的问题

3 个答案: