目前,我有一个网站,其中有多个div设置为特定大小,以保持布局正确。
唯一的问题是,在某些显示器上,页脚始终不在底部,您必须滚动到它。
我注意到其他网站无论屏幕分辨率如何,页脚都会自动缩放到屏幕底部。
有没有办法,除了遍历我的所有div并使用%作为所有高度,将页脚标记设置为始终位于屏幕的底部?
我的基本网站是jj-triggs.com,它有一个页脚,如果在宽屏显示器或更小的分辨率上,将页脚推离底部,你必须滚动到它,
可以通过改变div的大小来修复,但是有很多都需要改变。必须有一种更简单的方法吗?
答案 0 :(得分:6)
不使用%,它将无法正确适合所有屏幕。
你可以试试bootsrap我用它来适应所有的屏幕。
然后修复页脚。
之前创建一个空div并使其样式清除:两者 或者你可以试试 位置:固定;底部:0; 但无论页面大小是什么,这都会始终将页脚保持在屏幕上
答案 1 :(得分:3)
您是否正在寻找将页脚固定在底部?如果是这样,你可以用CSS做到这一点:
position: fixed;
bottom: 0;