input 宽度自适应超出父元素解决办法

给 input 设置 width="100%"，如果 input 有 padding，会发现超出了父元素。

用偏移法解决即可。

20151212 更新：

给 input 加上 box-sizing: border-box; 即可，用不着偏移了。

后面是原来的偏移法。

<div class="wrap">
    <input type="text" id="set-sign">
</div>

<style type="text/css">
#set-sign {
    width: 100%;
    margin-left: -22px; /* 2*(padding+border) */
    height: 30px;
    padding: 0 10px;
    border: 1px solid #ddd;
}

.wrap {
    margin-left: 22px; /* 2*(padding+border) */
}
</style>