这是我工作的代码：
这将是一个流体宽度的形式，但它导致了太多的问题和不兼容。我选择了固定宽度的表格，但现在我很困惑，因为我的表格溢出了 div。我应该指定字段包装器的宽度还是字段本身来解决这个问题？
问问题
53 次
4 回答
1
由于您在设置 div 宽度中工作，因此没有理由以百分比为输入字段大小工作。将输入字段更改为固定宽度。没有理由真正拥有我可以看到的字段包装器。http://jsfiddle.net/calder12/GCt3z/44/
于 2012-10-15T11:29:34.463 回答
0
它溢出了，因为您的输入字段的宽度为 100% + 左右边框。您可以将值设置为更小 100%，或者使用 box-sizing 属性并将其设置为边框框。
于 2012-10-15T11:24:44.630 回答
0
解决此问题的一种方法是使用overflow:auto;，但是，您会得到一个烦人的滑动条，但它会适合。另一种方法是尝试百分比。设置我检查的下一项width: 99%:，您的边框导致溢出。
解决它的另一种方法是使用表格，因为您可以只设置一个表格行，而另一个将使其达到 100%。不干净，但它可以完成工作。
于 2012-10-15T11:27:32.503 回答
0
我通常指定输入字段的宽度，以便它们全部对齐，但这是您的个人喜好。对于文本框使用：
input[type="text"] {
line-height:28px; width: 120px; font-family:arial, sans-serif; border: 1px solid black;
}
于 2012-10-15T11:27:34.720 回答