首页

如何用CSS把层固定在整个网页的最底部?

注意不是固定在浏览器窗口的最底部.网页内容也又长又短.

2024年11月13日 15:16

有3个网友回答

网友（1）：

层的内容

注意：上面这种方法能实现层的固定，但有一个问题是要固定的这个层会独占用高度，以下的方法可以解决：

内容
　　＜／div＞

这些代码可以让层固定显示

网友（2）：

html代码

Content

请改变浏览器窗口的高度，以观察footer效果。

这里是示例文字，DIV固定………，这里是示例文字。

Footer

CSS代码：
程序代码

body,html{
margin:0;
padding:0;
font:12px/1.5arial;
height:100%;
}
#container{
min-height:100%;
position:relative;
}
#content{
padding:10px;
padding-bottom:60px;
/*20px(font-size)
x2(line-height)+10px(padding)x2=60px*/
}
#footer{
position:absolute;
bottom:0;
padding:10px0;
background-color:#AAA;
width:100%;
}
#footerh1{
font:20px/2Arial;
margin:0;
padding:010px;
}

网友（3）：

直接用css就可以控制

内嵌的那个div会根据外部div的宽度和高度始终停留在该容器的右下角。停留位置可以根据自己需要调整