<!DOCTYPE html>
<html >
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<style>
html,
body {
height: 100%;
margin: 0;
}
.parent {
display: flex;
flex-direction: column;
/* 垂直排列 */
height: 100vh;
/* 父容器占满视口 */
}
.fixed {
height: 50px;
/* 固定高度区域 */
}
.fill {
flex: 1;
/* 自动填充剩余高度 */
overflow: auto;
/* 内容溢出时滚动 */
background:#ccc;
}
</style>
</head>
<body>
<div class="parent">
<div class="fixed">固定头部</div>
<div class="fixed">固定头部</div>
<div class="fixed">固定头部</div>
<div class="fixed">固定头部</div>
<div class="fill">
内容自动铺满剩余可视高度
<ul>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li><li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li><li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li><li>666666666666</li>
<li>666666666666</li>
<li>666666666666</li><li>666666666666</li>
<li>666666666666</li>
</ul>
</div>
</div>
</body>
</html>
匿名
2025-11-09
https://collaigo.com 免费在线拼图工具
匿名
2025-10-22
盖楼盖楼！
匿名
2025-08-11
沙发沙发
匿名
2025-08-10
https://at.oiik.cn/bing.html
匿名
2025-02-21
实用，我在开发https://minmail.app/时候使用到了
王飞翔
2024-12-30
亲爱的朋友：您好！中国疫情持续蔓延，很多人症状非常严重持久不愈，医院人满为患，各年龄段随地倒猝死的现象暴增，多省感染手足口、甲流、乙流、支原体、合胞及腺病毒的儿童不断攀升，目前各种天灾人祸，天气异象频发。古今中外的很多预言都说了这几年人类有大灾难，如刘伯温在预言中说 “贫者一万留一千，富者一万留二三”,“贫富若不回心转，看看死期到眼前”, 预言中也告诉世人如何逃离劫难的方法，真心希望您能躲过末劫中的劫难，有个美好的未来，请您务必打开下方网址认真了解，内有躲避瘟疫保平安的方法。网址1：https://github.com/1992513/www/blob/master/README.md?abhgc#1 网址2：bitly.net/55bbbb 网址3：https://d3ankibxiji86m.cloudfront.net/30gj 如打不开请多换几个浏览器试