一种移动端布局方式随内容往下走的底部

最新推荐文章于 2023-07-13 09:45:44 发布

diyxiaoshitou

最新推荐文章于 2023-07-13 09:45:44 发布

阅读量1.5k

点赞数

分类专栏：移动端文章标签：移动布局

本文链接：https://blog.csdn.net/diyxiaoshitou/article/details/63254071

版权

移动端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

经典的随内容的增多，底部不断向下走，保持一直在下面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>经典的随内容的增多事，底部不断向下走，保持一直在下面</title>
</head>
<body>
    <div class="wrap" style="position: fixed; left:0;top:0; width: 100%; height: 100%;right: 0;bottom: 0; background: #ccc; overflow: auto">
        <div style=" min-height: 100%;  width: 100%">
            <div style="padding-bottom:50px;">
                <div>中间的内容区域</div>
            </div>
        </div>
        <div style="margin-top:-50px; position: relative;"><button>底部的内容</button></div>
    </div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

diyxiaoshitou

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一种移动端布局方式随内容往下走的底部

经典的随内容的增多，底部不断向下走，保持一直在下面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>经典的随内容的增多事，底部不断向下走，保持一直在下面</title></head><body> <div class="wrap" style="position: fixed; le
复制链接

扫一扫