随笔 - 326,  文章 - 0,  评论 - 0,  阅读 - 16万
<!DOCTYPE html>
<html lang="en">
 
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }
 
    html,
    body {
      width: 100%;
      height: 100%;
    }
 
    .box {
      display: flex;
      flex-direction: column;
      height: 100vh;
    }
 
    .content {
      flex: 1;
      overflow-y: auto;
      padding: 10px;
    }
    
    .content p{
      height: 200px;
    }
    .header,
    .footer {
      height: 60px;
      background-color: red;
    }
  </style>
</head>
 
<body>
  <div class="box">
    <div class="header"></div>
    <div class="content">
      <p>5555555555555555555555</p>
      <p>5555555555555555555555</p>
      <p>5555555555555555555555</p>
      <p>5555555555555555555555</p>
      <p>5555555555555555555555</p>
    </div>
    <div class="footer"></div>
  </div>
</body>
 
</html>
posted on   文种玉  阅读(24)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
历史上的今天:
2021-06-05 MIME类型
2021-06-05 严格模式
2021-06-05 vee-validata的使用
2021-06-05 解决 小程序 scroll-view 文本溢出的问题
2021-06-05 图片懒加载与路由懒加载
2021-06-05 axios中post中参数问题 --- form Data和Request payload
2021-06-05 递归组件的使用
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示