鍍金池/ 問(wèn)答/HTML/ 頁(yè)面底部有白條怎么解決呢？

頁(yè)面底部有白條怎么解決呢？

我在頁(yè)面里面放置了一個(gè)大的div給他設(shè)置了background類，但是頁(yè)面底部在火狐瀏覽器里面總是底部有一條白條，同時(shí)我也要保證內(nèi)容增加的時(shí)候能夠滾動(dòng)。。。具體的樣式就是下面的CSS

.background{

background: url(我的圖片) top;
background-size: 100%;
height: 100%;
width: 100%;

},
底部是這樣的白條
圖片描述

但是在谷歌瀏覽器里面卻沒(méi)有這樣的直接填滿了底部，要如何適配才好呢

回答
編輯回答
懶豬

background-size: 100% 100%;

這樣試試?

2017年1月18日 19:30
編輯回答
瞄小懶

使用了overflow:hidden解決了問(wèn)題，應(yīng)該是清除浮動(dòng)和bfc的問(wèn)題

2018年8月13日 19:30
編輯回答
慢半拍

如果你想背景全屏并且里面內(nèi)容滾動(dòng)背景不動(dòng)可以這樣
background-size設(shè)一個(gè)值只是保持縱橫比并縱向拉伸

body{
    background:url() no-repeat;
    background-size:100% 100%;
    background-attachment: fixed;
}
2017年6月23日 01:34
編輯回答
礙你眼
background: url(地址) top/cover no-repeat fixed;
2017年2月20日 15:11