高度：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