Question

这是我的代码：

它将是一种流体宽度形式，但它引起了太多问题和不兼容性。香港专业教育学院选择了一个固定宽度的形式，但现在我很困惑，因为我的表格溢出了div。我应该指定字段包装器的宽度还是字段本身来修复它？

Answer 1

由于您在set div宽度中工作，因此没有理由以输入字段大小的百分比工作。将输入字段更改为固定宽度。我没有理由真正拥有我能看到的字段包装器。 http://jsfiddle.net/calder12/GCt3z/44/

Answer 2

它溢出，因为您的输入字段宽度为100％+左右边框。您可以将值设置为小于100％，或使用box-sizing属性并将其设置为border-box。

Answer 3

解决此问题的一种方法是使用overflow:auto;但是，你会得到一个恼人的滑动条，但它会适合。另一种方法就是试验百分比。设置我检查的下一个项width: 99%:，你的边框会导致溢出。

解决它的另一种方法，它是一个常用的东西是使用表，因为你可以只设置一个表行，而另一个将使它达到100％。不干净，但它完成了工作。

Answer 4

我通常指定输入字段的宽度，使它们全部对齐，但这是您的个人偏好。对于文本框使用：

input[type="text"] {
line-height:28px; width: 120px; font-family:arial, sans-serif; border: 1px solid black;
}