高度：100％和保证金问题，超过100％

Question

这是我的游乐场链接： http : //cssdeck.com/labs/7u6ex40p

如您所见，我给了它100％的高度，但它的边距超出了100％。 显然这是由于页边距，我已经尝试过更改它们，以使页边距为2％，高度为96％，但这没有用。 我在这里到处都是。

克里斯，干杯

Answer 1

不必为页面边框留出边距，而应为正文进行填充，然后将框大小设置为border-box。

html, body {
  height:98%;
  width:100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  background-color:#fff;
  margin:0;
  border: 0;
  padding: 2%;  /* changed */
  box-sizing: border-box;  /* changed */
}

#pageborder {
  background:  rgba(86, 86, 86, 0.06);
  height:100%%;
}

http://cssdeck.com/labs/vla26uvc