输入，选择比例问题答案

【问题标题】：Input, select scale issue输入，选择比例问题
【发布时间】：2014-10-17 01:34:44
【问题描述】：

当我几乎完成网页设计时，我遇到了规模问题。例如，连续有 10 个选择框并有包装器，在我开始缩小之前看起来很完美。按住 CTRL 按钮并滚动它看起来像是选择列表提供了一些填充和破坏完美的外观。例如：选择高度：24px，它在 ul 列表中，高度为 40px，乘以 10 得到 400px 的包装器高度，但在缩小时它看起来像 420px 并重叠框。我尝试了位置、显示、浮动、web-kit ant 其他东西，但没有奏效。会是什么问题？编辑： JSFiddle：[DEMO](http://jsfiddle.net/9r2vs0es/)

【问题讨论】：

你能提供一个 JSFiddle 吗？
这是一个很酷的故事。没有代码。
尝试在选择上添加box-sizing: border-box; 并删除边距。

标签： html css select input

【解决方案1】：

在 CSS 上，您写的是 slect 而不是 select。
现在对我来说似乎还不错：FIDDLE。

更新：这还不够好，所以我删除了 ul 和 li 上的固定像素高度。现在它很完美。如果您希望列表项更高，您可以向它们添加填充。 UPDATED FIDDLE.

【讨论】：