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

Question

我有一些像这样的HTML

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

在实际示例here中，图片有一个src，而我想要做的是设置<img>的边距，以便边距停在宽度<label>停止。

我尝试在margin-right:100%;上设置<img>，但这会将其延伸超过标签的宽度，那么我怎样才能将<img>的边距设置为停在右边的<img>标签？而且我不想仅仅将px添加到{{1}}的边距，我希望它将广告素材更改为标签的宽度。因此可以看到理想的结果here: 我不希望图像填满整个宽度。

由于

Answer 1

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

主要变化在你的jsfiddle

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

享受