三两事-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 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了，怎么打开？(关键词-消息通知)
  • ¥15 下图接收小电路，谁知道原理
  • ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线，如何释放宽带全部速度