2

我希望我的文本字段和按钮跨越屏幕的整个大小，但是即使它们使用相同的 CSS 选择器，文本字段和按钮的长度也不相同。

这是代码：http: //jsfiddle.net/AakN4/2/

在野生动物园中，差异不大，但仍然可见。

结果

Left 定义了像素宽度
Rigth，宽度为 100%（文本字段的长度应与按钮的长度相同）。

http://i.minus.com/jUbh0W0aVWFMl.png

4

1 回答 1

3

为您的输入定义box-sizing 。像这样写：

input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15pt;
    width: 150px;
}

检查这个http://jsfiddle.net/AakN4/4/

差异的原因是默认情况下input type="submit"工作box-sizing。它完全包含在其中并padding & border完全添加。widthinput type="text"padding & borderwidth

于 2012-08-01T09:34:37.107 回答