html - CSS 截断输入框的结尾

Question

看在上帝的份上！！为什么我的输入框右边被截断了？我查看了 chrome 中的填充和边距，但看不出是什么原因造成的。我对此很陌生，但这仍然是一个谜。

score 7 · Accepted Answer

因为它是 100% + 10px (padding) + 2px (border) 宽。尝试使用：

-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
        box-sizing: border-box;

score 1 · Accepted Answer

.fieldwrapper有overflow: hidden。您设置label为浮动，这意味着下一个 div 将获得整个包装的宽度。这会将其移动到标签的右侧，与两个标签的父级相同。您需要为.fieldwrapper.

score 0 · Accepted Answer

0

您的输入比其溢出设置为隐藏的父级长。

于 2012-10-14T18:59:26.573 回答

score 0 · Accepted Answer

0

更改.fieldwrapper为{ overflow: auto;}，您可以看到输入溢出该 div。

于 2012-10-14T18:59:29.743 回答

score 0 · Accepted Answer

0

Try to reduce width:100% to width:96% in .field class, then the issue will be solved

于 2012-10-14T19:05:13.387 回答

5 回答 5