锚定到屏幕底部的页脚
时间:2010-11-30 10:52来源:卓想空间http://www.zxgzs.com 作者:QQ：610929375 点击: 次
Anchoring footer to bottom of screen锚定到屏幕底部的页脚
I 我想创建一个相当基本的网站，有三个方面。
1) 这是固定在屏幕的顶部的横幅。
2) 主要机构，它将在深度依赖于不同的屏幕尺寸的扩大。
3) 这是固定在屏幕底部的页脚。
我无法弄清楚如何脚的页脚屏幕的底部，并扩大主体，填补了国内空白。
这里是一个测试网站，可能有助于解释什么，我试图做的链接： -
红色栏应该是固定在屏幕的，因为它的顶端。
蓝色的页脚栏应该是固定在屏幕的底部。
绿色中心酒吧应扩大高度填充屏幕无论大小的屏幕上。
任何帮助和建议是非常赞赏。
我已经编码的粘页脚下面的两种类型之一。页脚将坚持窗口的底部，当你没有足够的内容，以填补上述高度，但如果有足够的内容，上面的页脚保持了以下的内容，视力和滚动才能看到它。 我添加了一个大比分美联社顶标签向你展示它是如何工作。 使您的窗口小，拖动窗口上级和下级，看到了页脚坚持在一个大窗口的底部，但消失在一个小窗口的高度。
HTML和身体有高度：100％和一个新的div＃总结了民高度：100％;及推动有一个＃＃在包装底部的页脚，允许具有保证金顶空间息：- 100px的顶部被拖入又回到了空推动分区。
请注意您已在样式表中字符集的UTF - 8但ISO - 8859 - 1在HTML元标记。
对坚持页脚至底部另一种方法是使用的位置是：固定;底：0，但我用的方法似乎是最流行的。
有一种意见是有条件的IE6 IE6不处理民IE6的高度，必须有高度：100％。
下面的代码：
HTML: HTML代码：
<div id="footer"> <div id="footer">
<p> Project name....blah blah blah </p> <p>项目名称....等等等等等等</ p>
</div> </格>
卓想空间：http://www.zxgzw.com
臌症丸：http://www.mlgzw.com
CSS:的CSS：
#footer { {＃页脚
clear: both;明确：既;
margin: 0em 0em 0em 0em;保证金：0em 0em 0em 0em;
padding: 0.75em 0.75em;填充：0.75em 0.75em;
background: #6757fC背景：＃6757fC
} }
是有一些其他的CSS属性我失踪？ 感谢一群！
(责任编辑：卓想空间http://www.zxgzs.com)
上一篇：内部链接结构的提示
