Html页面对齐底部

时间:2014-07-21 04:23:06

标签: javascript html css css-position

我特别需要将所有网页内容与底部对齐。原因是身体有背景图像。如果缩小,由于图像中的云,内容会随着页面的上升而变得不可读。因此,如果有人缩小内容,则需要保留在图像下半部分的底部。

问题是

position: absolute:
bottom : 0; 

不起作用,因为如果它们放大,或者浏览器窗口太短而无法容纳所有内容,则不会显示滚动条。

我不知道如何解决这个问题,而不使用肮脏的黑客。

当没有其他内容时,如何使包装器div(所有内容)像页脚一样停留在底部,而放大时内容不会松散?

如果这是唯一的方法,我对JS解决方案持开放态度。

编辑:

其中一个答案似乎认为我指的是CSS缩放。我不是。我说的是浏览器缩放,即Ctrl +

JSFIDDLE:http://jsfiddle.net/7hnBF/light/

光照结果(不在iframe内):http://fiddle.jshell.net/7hnBF/show/light/

注意,实际页面不是所有文本,因此文本对齐css不是一个选项。

0 个答案:

没有答案