<!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>
父容器设置flex img的父容器没设置宽度 为什么宽度不是和img的宽度一致 这是什么原因
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
4条回答 默认 最新
- P2441M 2023-08-04 13:21关注
确实设置了
flex
,但是max-width
限制了,把它去掉就行了本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥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驱动开发环境