数码资讯
纯CSS在页面底部实现页脚,不与页面滚动。
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
CSS的简单性在于它易于学习,而CSS的难点是找到更好的解决方案。在CSS的世界里,似乎没有完美的语句。
在本例中,我们希望页脚停留在页面的底部以查看解决方案。
CSS
复制代码代码如下所示:
HTML,身体,#贴纸{高度:100%;}
体> #贴纸{高度:汽车;最小高度:100%;}
# stickercon {填充底:40px;}
#页脚{保证金:- 40px;身高:40px;宽度:100%;文本对齐:中心;线高度:40px;颜色:# aba498;40px;;威;玉;}
HTML
复制代码代码如下所示:
页脚
在本例中,我们希望页脚停留在页面的底部以查看解决方案。
CSS
复制代码代码如下所示:
HTML,身体,#贴纸{高度:100%;}
体> #贴纸{高度:汽车;最小高度:100%;}
# stickercon {填充底:40px;}
#页脚{保证金:- 40px;身高:40px;宽度:100%;文本对齐:中心;线高度:40px;颜色:# aba498;40px;;威;玉;}
HTML
复制代码代码如下所示:
页脚
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。