html - 用 span 覆盖 100% 的 div 宽度

Question

我的风格有问题。我有以下 html 结构，我无法更改它，我只能更改样式(css 代码)而不是文档的结构。我需要输入覆盖红色 div 的 100% 宽度，但由于它包含在跨度内，所以我无法很好地适应它。

<div style="width: 100%;">
    <div style="background-color: red; width: 100%;">
        <span>&nbsp;</span>
        <label>App name</label>
        <span class="value">
            <input style = "width:100%"/>
        </span>
        <span class="required-icon">*</span>
    </div>
</div>

那么，你能帮我设计造型吗？这里the fiddle .非常感谢!

Answer 1

您必须添加 padding:0 并且可以执行 border:0 或 width: calc(100% - 3px); .

示例 here .