0

我有一个棘手的 CSS 情况,我似乎无法解决。

我希望主体背景的顶部是一种颜色(白色),然后从某个位置向下(在我的情况下为页脚下方)填充另一种颜色(蓝色),并确保该颜色始终填充(出血)到浏览器窗口的底部边缘,无论窗口大小如何。

我尝试使用一个小的蓝色位图,通过 指定起始位置background-position,然后应用background-repeat: repeat-y,但它填充了两个方向。

我也想过创建一个长 div 但这会影响画布大小——浏览器添加滚动条,移动设备将呈现整个大小——不好。

有任何想法吗?(我不是在寻找粘性页脚)谢谢!

4

1 回答 1

1

您应该只background在您的中添加该属性footer

然后你添加一些巨大的padding-bottom并添加一个相同数量的负数margin-bottom

只要确保你有一个div外线overflow: hidden;

小提琴

于 2013-10-10T23:32:22.290 回答