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

Question

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

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

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

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

Answer 1

一种选择是将细胞输入是在短短分成两个单元，如：

<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

Answer 2

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