Html 我正在尝试将输入按钮附加到图像的底部

我想让它看起来像这样

但是我的看起来像这样

.profile img.file{ 位置：相对位置； 溢出：隐藏； 利润率最高：-20%； 宽度：70%； 边界：无； 边界半径：0； 字体大小：15px； 背景：212529b8； } 更改光条{ 位置：相对位置； 溢出：隐藏； 利润率最高：-20%； 宽度：200%； 边界：无； 边界半径：0； 字体大小：15px； 背景：212529b8； } .文件输入{ 位置：绝对！重要； 不透明度：0！重要； 右：0！重要； 顶部：0！重要； } .btn{ 字号：1rem； 字号：600； 线高：1.5； 显示：内联块； 填充：.625雷姆1.25雷姆； -webkit用户选择：无； -moz用户选择：无； -ms用户选择：无； 用户选择：无； 过渡：颜色。15秒慢进慢出，背景色。15秒慢进慢出，边框色。15秒慢进慢出，方框阴影。15秒慢进慢出； 文本对齐：居中； 垂直对齐：中间对齐； 空白：nowrap； 边框：1px实心透明； 边界半径：.375rem； }

---

你的代码很好。但是有一个小错误。您必须将changephotobar的div标记更改为label，以便它能够触发您的输入类型文件

以后谢谢我

* { 框大小：边框框； } .圆形{ 宽度：50%； } .profile img.file{ 位置：相对位置； 溢出：隐藏； 利润率最高：-20%； 宽度：70%； 边界：无； 边界半径：0； 字体大小：15px； 背景：212529b8； } 更改光条{ 位置：相对位置； 溢出：隐藏； 利润率最高：-20%； 宽度：50%； 边界：无； 边界半径：0； 字体大小：15px； 背景：212529b8； 颜色：fff； } .文件输入{ 位置：绝对！重要； 不透明度：0！重要； 右：0！重要； 顶部：0！重要； } .btn{ 字号：1rem； 字号：600； 线高：1.5； 显示：内联块； 填充：.625雷姆1.25雷姆； -webkit用户选择：无； -moz用户选择：无； -ms用户选择：无； 用户选择：无； 过渡：颜色。15秒慢进慢出，背景色。15秒慢进慢出，边框色。15秒慢进慢出，方框阴影。15秒慢进慢出； 文本对齐：居中； 垂直对齐：中间对齐； 空白：nowrap； 边框：1px实心透明； 边界半径：.375rem； }

---

我不完全确定，但你应该增加利润率：20%，而不是：-20%。我还没有测试过，但你可以试试

不幸的是，这没用，让事情变得更糟，不过谢谢你。