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

Question

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

正如你所看到的，我给它的高度为100％，但它的边距超过了100％。显然这是因为利润率，我已经尝试更改它们，因此保证金为2％，高度为96％但这不起作用。我到处都是。

干杯， 克里斯

Answer 1

不要为页面边框设置边距，而是将其填充为正文并将框大小设置为边框。

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