数码资讯
让页脚始终坐在页面的底部而不滚动。
本节主要介绍如何使页脚始终处于页面的底部,不随滚动滚动,这一效果在网页中非常实用,并建议您好好学习。 HTML代码: 复制代码代码如下所示: 第一种情况:页脚滚动条滚动条 复制代码代码如下所示: 容器{位置:相对;宽度:100%;最小高度:100%;} 座垫:50px。体{;} {。页脚高度:50p
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本节主要介绍如何使页脚始终处于页面的底部,不随滚动滚动,这一效果在网页中非常实用,并建议您好好学习。
HTML代码:
复制代码代码如下所示:
第一种情况:页脚滚动条滚动条
复制代码代码如下所示:
容器{位置:相对;宽度:100%;最小高度:100%;}
座垫:50px。体{;}
{。页脚高度:50px;位置:绝对;底:0px;左:0px;}
第二种情况:页脚总是固定在底部。
复制代码代码如下所示:
容器{位置:相对;宽度:100%;最小高度:100%;}
座垫:50px。体{;}
{。页脚高度:50px;位置:固定;底:0px;左:0px;}
小心 uff1a
1000万不能将容器的高度设置为100%,否则将不会滚动滚动条。
HTML代码:
复制代码代码如下所示:
第一种情况:页脚滚动条滚动条
复制代码代码如下所示:
容器{位置:相对;宽度:100%;最小高度:100%;}
座垫:50px。体{;}
{。页脚高度:50px;位置:绝对;底:0px;左:0px;}
第二种情况:页脚总是固定在底部。
复制代码代码如下所示:
容器{位置:相对;宽度:100%;最小高度:100%;}
座垫:50px。体{;}
{。页脚高度:50px;位置:固定;底:0px;左:0px;}
小心 uff1a
1000万不能将容器的高度设置为100%,否则将不会滚动滚动条。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。