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

父容器设置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日

悬赏问题

  • ¥15 R语言Rstudio突然无法启动
  • ¥15 关于#matlab#的问题:提取2个图像的变量作为另外一个图像像元的移动量,计算新的位置创建新的图像并提取第二个图像的变量到新的图像
  • ¥15 改算法,照着压缩包里边,参考其他代码封装的格式 写到main函数里
  • ¥15 用windows做服务的同志有吗
  • ¥60 求一个简单的网页(标签-安全|关键词-上传)
  • ¥35 lstm时间序列共享单车预测,loss值优化,参数优化算法
  • ¥15 Python中的request,如何使用ssr节点,通过代理requests网页。本人在泰国,需要用大陆ip才能玩网页游戏,合法合规。
  • ¥100 为什么这个恒流源电路不能恒流?
  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值