一、情景

最近開發一個內嵌app的頁面時，發現頁面底部元素margin-bottom在ios下失效，在安卓內正常......

1.safari瀏覽器內頁面底部元素設定margin-bottom失效；

2.h5頁面內嵌app，ios下失效（同1）；

ps：display:table-cell內  margin失效不在本文討論範圍內。

二、解決辦法

1.在底部使用空白div撐起高度，缺點是會多出來不必要的div。

2.給body設定height:100%，然後給body設定padding-bottom。缺點是如果針對不同情況頁面底部元素可能存在隱藏(比如a條件下顯示，b條件下隱藏)，那麼在b條件的情況下可能導致安卓和ios樣式不統一的情況出現。

總而言之，根據實際開發需求選用合適的解決辦法。

有其他情況歡迎留言一起討論。。。。。