CSS制作tds在表格中重叠

Question

我不明白为什么td在我的表格中重叠：http://jsfiddle.net/UEMgb/

table {
    display: inline-table;
    width: 60%;
    border-spacing:0px;
    margin:2%;
}

td {
    padding: 1px;
}

Answer 1

因为您将输入设置为100％的宽度，然后向其添加边框和填充。您可以删除宽度并将输入设置为display: block;或仅将box-sizing: border-box;添加到输入样式：

http://jsfiddle.net/feeela/UEMgb/1/

请参考：

• https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing
• https://developer.mozilla.org/en-US/docs/Web/CSS/box_model

Answer 2

您的padding ..

.argument{
  padding: 0px 10px;
}

删除它，可能需要稍微调整width和border