css - div と比較した submit 要素の使用

Question

送信/ボタン要素があり、固定を割り当てると、幅からパディングが差し引かれます。これを通常の div 要素に適用すると、パディングが幅に追加されます。

この動作が説明されている場所を教えてもらえますか?

.green_submit { 
    color: #fff; 
    background-color: #94c909; 
    padding: 25px; 
   width: 200px;

}

<input type="submit" class='green_submit' value="Validate" />

146px の幅になります。

<div class="green_submit"></div>

200pxの幅になります

score 1 · Accepted Answer

はbox-sizing2 つの間で一貫していません。box-sizing: border-boxパディングとボーダーを幅に含めるために使用します。

または、両方に使用content-boxします (ただし、に<div>は境界線がありません)。

2 に答える 2