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

Question

我正在尝试建立一个Asp.net网站，主页设计是单页组合风格;通过将每个或“项目”作为视图端口的100％高度在彼此之下，允许我使用锚标签。我的问题是，当我使用标签时，它会弄乱我的CSS并且无法正常工作，所以我该如何解决这个问题？

我尝试了以下内容：

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

我已经为每个父div和/或div的元素添加了高度100％标签我想要100％但仍然没有运气。我没有选择！ 我无法发布完整的代码，因为它是很长的方式，我在与我的代码不同的计算机上。

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，可修复浏览器差异。