<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>
中间区域
css 移动端头部 底部固定 中间内容滚动
最新推荐文章于 2019-05-05 16:08:25 发布