sticky的应用场景

https://www.sogou.com/link?url=DSOYnZeCC_rR_TP93bdO6FH3gWgFyCSXyruHtfZ6KhY4b-Hazqgd-7bAp6VRqT6Q

大部分网站页面,都会把一个页面分为头部区块、内容区块和页脚区块,当头部区块和内容区块内容较少时,页脚能固定在屏幕的底部,而非随着文档流排布。当页面内容较多时,页脚能随着文档流自动撑开,显示在页面的最底部,这就是Sticky footer布局。

1、可以通过负margin布局方式实现   2、flex布局方式实现

另外,使用 position:sticky 实现粘性布局

https://www.sogou.com/link?url=DSOYnZeCC_rR_TP93bdO6Es25fHsmGYRsrrJD6rO32MyteoNN0k_69M7Xe6uZ5eq

猜你喜欢

转载自blog.csdn.net/lgl_19910331/article/details/81414931