在開發中，你會遇到各種美輪美奐的UI交互設計圖，下面這種UI圖，我在開發時就在布局上遇到一個小問題
問題現象：ios 手機滾動到底部，底部的margin-bottom不生效，Android手機和模擬器都是正常的，雖然不是什么大bug，但是，有問題就要解決
問題圖片展示
正常圖片展示
經過對比沒有問題的頁面，找到了原因，測試來測試去，一條不符合效果就不對，
html, body {
height: 100%;
background: #ec4349;
}
// 外部包裹的元素 overflow: hidden;
.wrapper{
overflow: hidden;
}
// 內部元素只能使用padding margin 進行定位
.content{
box-sizing: border-box;
position: relative;
padding: 1.24rem 0 .36rem;
margin: 4.43rem .3rem 1rem;
}