由于 HTML5 ASP.net 中的 DOCTYPE，100% 高度不起作用

Question

我正在尝试制作一个Asp.net网站，首页设计为单页作品集风格；通过让每个或 "projects" 作为彼此下方视口的 100% 高度，允许我使用锚标记。我的问题是，当我使用标签时，它弄乱了我的 css 并且无法正常工作，所以我该如何解决这个问题？

我试过以下方法：

/* in CSS*/
html, body{
height:100%;
width:100%;
}

并且我已经将高度 100% 标签添加到每个父 div 和/或我想要 100% 的 div 元素，但仍然没有成功。我别无选择！我不能 post 完整的代码，因为它太长了，而且我在另一台计算机上使用代码。

Answer 1

我想我明白你在问什么，但我不完全确定，我也不确定 DOCTYPE、锚点或 ASP.NET 在哪里发挥作用。

Here's a demo 整页文档，带有几个全屏子 div。

html,
body {
  height: 100%;
  width: 100%;
}

body {
  overflow: auto;
}

div {
  width: 100%;
  height: 100%;
}

请记住，百分比高度很快就会让人头疼，因此您需要准确了解自己在做什么。

另请注意，此页面运行 Normalize.css 修复了浏览器差异。

100% height not working due to DOCTYPE in HTML5 ASP.net