两个输入框占用100％宽度的表格单元格

Question

我希望我的两个输入框占据我的表格单元格的整个宽度，两个输入框之间没有/最小的空间。

小提琴：http://jsfiddle.net/Gd47b/2/

#one {
    width:20%;
    float: left;
}

#two {
    width:80%;
    display: block;
    overflow: hidden;
}

Answer 1

您缺少的是1px的边框将占用一些空间，因此您必须从表中删除边框或调整文本字段的宽度以适应。

Answer 2

一种选择是将输入所在的单元格分成两个单元格，如：

<table border="1" bordercolor="e2e2e2" width="400">
    <tr>
        <td><label>1</label> </td>
        <td colspan="2"><input type="text" id="Name" value="Name" /> </td>
    </tr>
    <tr>
        <td>2</td>
        <td style="width:20%"><input type="text" id="one" value="one" style="width: 100%" /> </td>
        <td style="width:80%"><input type="text" id="two" value="two" style="width: 100%" /></td>
    </tr>
</table>

<强> jsFiddle example