修改頁面高度（底部出現白邊）
阿新 • • 發佈：2019-01-08
最簡單的改法時直接觀察修改height，但是將height寫死，在不同環境中開啟介面會存在隱患，不建議使用！
（1）設定style="height:100%"
注意：使用 height:100% 時，一定要將它的所有父級都設定 height:100%，這裡引用一個例子 ↓
<html style="height: 100%;"> <body style="height: 100%;"> <div style="height: 100%;"> <p> 這樣這個div的高度就會100%了 </p> </div> </body> </html>
（2）調整padding 或者 margin
margin是用來隔開（外框）元素與元素的間距；padding是用來隔開（內在）元素與內容的間隔。margin用於佈局分開元素，使元素與元素互不相干；padding用於元素與內容之間的間隔，讓內容（文字）與（包裹）元素之間有一段“呼吸距離”。
這裡padding 和 margin 都有bottom、left、right、top，可根據具體情況設定。
滾動條問題。
（1）當介面出現兩個滾動條時，即存在介面高度問題，可根據上述步驟進行調整。
（2）隱藏滾動條，在<html>標籤中新增 style="overflow: hidden;"
<iframe>標籤。
可新增 vertical-align:bottom;