Safari 下 margin-bottom (设置了此属性的元素在页面最底部)

问题复现

Safari 下页面最底部元素的 margin-bottom 失效：

{% asset_img chrome_safari.png chrome_safari %}

解决方案

底部添加一个透明颜色的 div 撑起高度:

HTML

<div id="tr-footer"></div>

css

#tr-footer {
  height: ?px;
  width: 100%;
  background: transparent;
}