爱编程的设计师 2023-08-04 12:50 采纳率: 94.4%
浏览 5
已结题

父容器设置flex img的父容器没设置宽度 为什么宽度不是和img的宽度一致 这是什么原因

img


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .nav{
            display: flex;
        }
        img {
            max-width: 30%;
            height: auto;
        }
        .home {
            background-color: red;
        }
        .dd{
            flex: 1;
            height: 100%;
            background-color: blue;
        }
    </style>

</head>

<body>

    <div class="nav">
        <div class="home">
            <img src="./01.jpg" alt="">
        </div>
        <div class="dd">ddd</div>
    </div>

</body>

</html>
  • 写回答

4条回答 默认 最新

  • P2441M 2023-08-04 13:21
    关注

    确实设置了 flex,但是 max-width 限制了,把它去掉就行了

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

报告相同问题?

问题事件

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

悬赏问题

  • ¥30 STM32 INMP441无法读取数据
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。
  • ¥15 各位 帮我看看如何写代码,打出来的图形要和如下图呈现的一样,急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境