Html 第页没有'；当我包含DOCTYPE时，不会显示任何内容。。。我的第100个问题？ 更新

我开始逐行进行，这是第一个让浏览器显示内容的CSS样式。特别是，绝对定位似乎把事情搞砸了。。。我不知道为什么。如果我移除它，或者将它更改为相对，那么事情就会出现，但显然不在正确的位置

#foo {
    height: auto;
    width: auto;
    margin-left: -500px;
    padding-top: 300px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    top: 0px;
}

应要求。但是，请注意，在页面加载过程中生成的许多动态HTML不在此处链接的HTML标记中

---

我不太清楚为什么，但是当我在

.HTML

文件的顶部包含HTML5doctype

时，什么也不显示。但是，使用Chrome的开发工具检查源代码时，会发现所有内容都在DOM中，并且应用了所有CSS属性

啊！？奇怪

我开始调查，发现当我删除样式表时，即当我删除这一行时

<link type="text/css" rel="stylesheet" href="css/new.css" />

。。。页面上会显示一些内容，但显然没有应用样式。完整的css文件

---

任何关于为什么会发生这种情况的想法；关于修复的建议？我很确定我的CSS都是有效的，但据我所知，W3C CSS验证器不能很好地验证CSS3

尝试

，而不是

从使用非常有限的CSS文件开始。意思是空白的

然后开始重新添加选择器，直到其中断。一旦发生这种情况，你应该能够找到问题

更新：

福是满溢的包装。正因为如此，它被完全隐藏了起来

如果您在包装标签中添加“
边框：实心1px蓝色；
”，您就会明白我的意思

有关更多信息，请参阅：

基本上，#wrapper标记上的最小高度设置没有任何作用，因为它的父级（#everything）没有设置高度。如果父元素定义了实际高度，%高度起作用的唯一方式是

在这种情况下，您必须添加以下内容：

html { height: 100%;}
body { height: 100%;}
#everything { height: 100%; ... }

然后你的包装器将开始包装，你可以回到原来的方式


这就引出了我们最初的问题：当doctype被拉出时，为什么这会起作用

答案是浏览器又回到了怪癖模式，为您扩展了这些div。
您是否尝试过在样式表顶部重新设置间距（即html、body、div、span、p、img…等），而不是使用星号？不确定这是否是问题所在，但我还是不太熟悉html5的怪癖。不。。。我拆下了通用选择器，但没有用。我还尝试使用Eric Meyer的CSS重置。如果没有帮助，请将
@CHARSET
更改为
@CHARSET
。这也没有帮助。啊。谢谢你的建议。我想试试看你的html头部标记。然后，在没有看到html页面的情况下，我假设它是这样的：
#symbols block[class*=“-symbols”]{display:none；}
如果不是那样，我会按照Chris Lively的建议，但我可能会先删除设置
display:none@Chris。。。你说得对。我将
#foo
的位置更改为
固定的
，似乎达到了相同的效果，但当我调整窗口大小时，
最小宽度
属性不适用。有什么建议吗？@Chris。。。实际上，只需将包装器更改为可见溢出即可解决问题，但您认为这是一个好的解决方案吗？@Hristo:这是一个完全不同的问题。min width似乎在我编写的简短示例中起作用，该示例只有#everything、#wrapper和#foo标记。@Hristo:我想你可能想通过包装整个东西来找出为什么#wrapper没有做你想做的事情。没有固定的尺寸，隐藏溢出总是会截断并产生这个结果。