各位大大好:
我用手機板看的時候,footer會被往上移,下面會留空白
謝謝
圖片已改好,剩footer沒內容要怎麼置底?
https://jsfiddle.net/jqwbs2k7/3/
一般來說,做法會如下
1.js應用計算法:
在載入頁面後,計算當前的高度完成之後。給與你的footer一個margin-top屬性。將其計算出來的高度值給他就好。大多數來說,這招是要求特殊美感的人才會這樣做。因為~~~很麻煩。
2.圖層應用法:
ccutmis教你的就是這招。這也是很多人常用的招式之一。
也就是說,將你的footer提高出來視為一個圖層。然後直接置底在畫面上。
這有優點也有缺點。優點是只要css設定好就可以了。缺點是,一但內容超出高度的情況下。就會覺得有點怪怪的。雖然我自已是有搭配了一下js。高度不夠的情況下才會跑圖層。高度超過的情況下就沒有圖層了。
3.無視空間法:
直接給與 min-height 給你的內容。當然了,這招是沒辦法樣式剛剛好的。但至少可以讓你的footer不會浮空上來感覺很突兀。算是一種比較懶的作法。