css 移动端头部底部固定中间内容滚动

最新推荐文章于 2023-12-11 17:07:00 发布

zhuhongjin0610

最新推荐文章于 2023-12-11 17:07:00 发布

阅读量4.6k

点赞数 6

分类专栏：前端

本文链接：https://blog.csdn.net/lianxin19900610/article/details/89519598

版权

<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <title></title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        #header , #footer{
            height: 50px;
            background: #ddd;
            position: absolute;
            width: 100%;
        }
        #header{
            top: 0;
        }
        #footer{
            bottom: 0;
        }
        #content{
            width: 100%;
            position: absolute;
            top: 50px;
            bottom: 50px;
            overflow-y: auto;
        }
    </style>
</head>
<body>
<div id="page">
    <div id="header">定义顶部</div>
    <div id="content">
        中间区域
        <br>
        中间区域
        中间区域
        <br>
        中间区域
        中间区域
        <br>
        中间区域

最低0.47元/天解锁文章

zhuhongjin0610

关注

6
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
css 移动端头部底部固定中间内容滚动

<html><head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <title></title> <style> *{ padding: 0; ...
复制链接

扫一扫