将“子元素边距”设置为“父元素的宽度”

Set Child Element Margin to Width of Parent

本文关键字：元素 子元素边距 设置      更新时间：2023-09-26

我有一些类似的html

<fieldset>
  <label>Current Image:</label>
    <div id="logo_photo_div">
      <a href="#" id="link_image" target="_blank">
        <img src="">
      </a>
    </div>
</fieldset>

在这里的实际例子中，图像有一个src，我想做的是设置<img>的边距，使边距停止在<label>的宽度停止的地方。

我尝试在<img>上设置margin-right:100%;，但这会将其扩展到标签的宽度之外，所以我如何将<img>的边距设置为停止在标签的右端？我不想只在<img>的边距上添加px，我希望它能改变标签的宽度。因此，理想的结果可以在这里看到：并且我不想让图像填充整个宽度

感谢

我编辑了您的jsfiddle：http://jsfiddle.net/kqgcLv9a/8/

主要的变化是在你的jsfiddle

img {
    width:100px;
    margin-right: calc(100% - 100px)
}

享受

相关文章：