三两事-Jie 2021-09-07 17:37 采纳率: 100%
浏览 46
已结题

移动Wed （伸缩布局）🍑

img


代码就可以，谢谢

  • 写回答

3条回答 默认 最新

  • CSDN专家-天际的海浪 2021-09-07 19:24
    关注

    你题目的解答代码如下：（如有帮助，望采纳！谢谢! 点击我这个回答右上方的【采纳】按钮）

    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
.box {
    display: flex;
    flex-flow: column nowrap;
    width: 500px;
    height: 800px;
    border: 3px solid #000;
}
.header,.footer {
    background-color: #f00;
    width: 100%;
    height: 100px;
}
.main {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
}
.left {
    background-color: #0f0;
    width: 25%;
    height: 100%;
}
.right {
    background-color: #00f;
    width: 75%;
    height: 100%;
}
</style>
</head>
<body>

<div class="box">
    <div class="header"></div>
    <div class="main">
        <div class="left"></div>
        <div class="right"></div>
    </div>
    <div class="footer"></div>
</div>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 9月22日
  • 已采纳回答 9月14日
  • 创建了问题 9月7日

悬赏问题

  • ¥15 js调用html页面需要隐藏某个按钮
  • ¥15 ads仿真结果在圆图上是怎么读数的
  • ¥20 Cotex M3的调试和程序执行方式是什么样的？
  • ¥20 java项目连接sqlserver时报ssl相关错误
  • ¥15 一道python难题3
  • ¥15 牛顿斯科特系数表表示
  • ¥15 arduino 步进电机
  • ¥20 程序进入HardFault_Handler
  • ¥15 关于#python#的问题：自动化测试
  • ¥20 问题请教！vue项目关于Nginx配置nonce安全策略的问题