本节主要介绍如何使页脚始终处于页面的底部,不随滚动滚动,这一效果在网页中非常实用,并建议您好好学习。




HTML代码:

复制代码代码如下所示:






第一种情况:页脚滚动条滚动条

复制代码代码如下所示:
容器{位置:相对;宽度:100%;最小高度:100%;}
座垫:50px。体{;}
{。页脚高度:50px;位置:绝对;底:0px;左:0px;}

第二种情况:页脚总是固定在底部。

复制代码代码如下所示:
容器{位置:相对;宽度:100%;最小高度:100%;}
座垫:50px。体{;}
{。页脚高度:50px;位置:固定;底:0px;左:0px;}

小心 uff1a

1000万不能将容器的高度设置为100%,否则将不会滚动滚动条。