CSS 100% height with padding/margin

問題描述：

如果將一個div的

<span style="font-size:18px;">.css {
  height: 100%;
  width: 100%;
}</span>

如此設置後這個div佔滿整個屏幕，

但此時如果再設置margin或者padding的話，

設置的距離就會衝出屏幕形成滾動條。

解決辦法：

<span style="font-size:18px;">.leftAreaAlbum {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-top: 44px;
  padding-top: 50px;
}</span>

height和width都不要設置，

直接用上下左右的距離來使div佔滿屏幕。

原文鏈接：

點我點我！