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占满屏幕。

原文链接：

点我点我！