使页脚贴在底部，但高度依赖于对象

Question

所以最近我正在做一个卖衣服的网页，不知怎么的，我在定位我的页脚有问题。目前页脚看起来是这样的。https://i.stack.imgur.com/3zQt0.png我想把这行粘贴到底部，意思是lookbook, shop, about这行粘贴到底部有一点空间，如果你向下滚动，页脚的其余部分是显示的。它看起来是这样的:https://i.stack.imgur.com/VzGJi.png我不想占用空间或任何东西，因为我想让我的网站动态响应，这意味着它在13英寸的macbook上看起来和在27英寸的Windows显示器上一样。无论如何，希望你们中的任何一个人都能帮助我，因为我很快就会掉下来。我的代码看起来像这样，目前固定在页面的底部。

.footer{
width: 100%                                                                                                         
position: fixed
left: 0
height: 282px
bottom: 0
background:#F7F7F0
}

打招呼

Answer 1

所以我尝试了flexbox, smh我不能在element中使用flexbox。第二点是，我试着设置高度以适应屏幕，也使用最小高度，就像Anas写的那样，我仍然只能滚动页脚，而不是滚动页脚。希望能尽快得到帮助。