子元素重叠父元素宽度

Question

为什么我的输入元素比我的标签宽？我的输入应该与包含标签的宽度不同吗？正如我所说的宽度：100％并且它在标签内？

       <label class="km-listview-label question" style="height: 2.5em; display:inline-block; width:20%;">

    <input style="left:0; width:100%; display:inline-block; " data-description="Height" data-control="Text" data-code="Q3" data-type="Measurement" type="text">
    </label>
<label style="display:inline;">m</label>

如何使输入的宽度与其内部的标签相同？因为我需要＆＃34; m＆＃34;显示输入的右侧，使其像一个米单位测量。但是，当我输入很多字符时，它们会覆盖＆＃34; m＆＃34;。下面是标签填充和输入的图像，使用调试工具查看元素：

标签：

输入：