iT邦幫忙

0

[css]_底部置底

css
  • 分享至 

  • xImage

各位大大好:
我用手機板看的時候,footer會被往上移,下面會留空白
謝謝

圖片已改好,剩footer沒內容要怎麼置底?
https://jsfiddle.net/jqwbs2k7/3/

ccutmis iT邦高手 2 級 ‧ 2019-03-18 14:13:37 檢舉
試試
footer{
display:inline-block ;
/*height:150px;*/
position:fixed;
bottom:0px;
background-color:#FFFFFF;
width: 100%;

z-index:10;
text-align:center;
}
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

1

一般來說,做法會如下

1.js應用計算法:
在載入頁面後,計算當前的高度完成之後。給與你的footer一個margin-top屬性。將其計算出來的高度值給他就好。大多數來說,這招是要求特殊美感的人才會這樣做。因為~~~很麻煩。

2.圖層應用法:
ccutmis教你的就是這招。這也是很多人常用的招式之一。
也就是說,將你的footer提高出來視為一個圖層。然後直接置底在畫面上。
這有優點也有缺點。優點是只要css設定好就可以了。缺點是,一但內容超出高度的情況下。就會覺得有點怪怪的。雖然我自已是有搭配了一下js。高度不夠的情況下才會跑圖層。高度超過的情況下就沒有圖層了。

3.無視空間法:
直接給與 min-height 給你的內容。當然了,這招是沒辦法樣式剛剛好的。但至少可以讓你的footer不會浮空上來感覺很突兀。算是一種比較懶的作法。

ccutmis iT邦高手 2 級 ‧ 2019-03-18 15:36:00 檢舉

/images/emoticon/emoticon12.gif

我要發表回答

立即登入回答