m0_61887544 2022-04-04 15:58 采纳率: 100%
浏览 35
已结题

刚开始学习html 这个布局怎么做(语言-javascript)

img

刚开始学习这个 布局什么的完全不会啊 时间比较紧 希望可以得到帮助 谢谢大家

  • 写回答

3条回答 默认 最新

  • CSDN专家-showbo 2022-04-04 16:00
    关注

    中间块用float或者flex布局，示例如下

    img

    <!doctype html>
<meta charset="utf-8" />
<style>
    body{background:#e4de82}
    .wrap{max-width:680px;margin:0 auto;background:#fff;padding:10px}
    .header,.footer{height:100px;background:#a09483}
    .body{overflow:hidden;height:400px;margin:5px 0;}
    .body .aside{float:left;width:20%;background-color:pink;height:100%;border-right:solid 5px #fff}
    .body .content{background:#9a97ce;height:100%;}
    .footer{margin:0}
</style>
<div class="wrap">
    <div class="header"></div>
    <div class="body">
        <div class="aside"></div>
        <div class="content"></div>
    </div>
    <div class="header"></div>
</div>

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 4月12日
  • 已采纳回答 4月4日
  • 创建了问题 4月4日

悬赏问题

  • ¥15 CATIA有些零件打开直接单机确定终止
  • ¥15 请问有会的吗，用MATLAB做
  • ¥15 phython如何实现以下功能？查找同一用户名的消费金额合并—
  • ¥15 ARIMA模型时间序列预测用pathon解决
  • ¥15 孟德尔随机化怎样画共定位分析图
  • ¥18 模拟电路问题解答有偿速度
  • ¥15 CST仿真别人的模型结果仿真结果S参数完全不对
  • ¥15 误删注册表文件致win10无法开启
  • ¥15 请问在阿里云服务器中怎么利用数据库制作网站
  • ¥60 ESP32怎么烧录自启动程序，怎么查看客户esp32板子上程序及烧录地址