html - 我无法在 Chrome 中将两个输入对齐，不在同一行

Question

<div id="row2">
<input type="text">
<input type="text">
</div>

input
{
    float: left;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #E4E2D6;
    border-collapse: collapse;
    border-color: #DDDBCF #EAE9E0 #E2E0D4 #DDDBCF;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 2px;
    color: #959494;
    font-family: georgia;
    font-size: 1.6em;
    height: 40px;
    margin: 1%;
    padding-left: 10px;
    width: 48%;
}

在 fiddle 中更新相同

这在 firefox 上运行良好...但在 chrome 上，它会换行。

Answer 1

添加这个

-webkit-box-sizing: 边框框