HTML DIV埋め込みが正しくありません

-2

なぜ私のdivは埋め込みが正しくありませんか？HTML DIV埋め込みが正しくありません

<div class="padding_10"> 
     <input placeholder="Search for people..." style="width: 100%;"> 
    </div> 
    .padding_10 { padding: 10px; }

シェアCSSプロパティの幅を適用し、あなたの入力に幅が100％を適用

がaddeddあるかもしれ'padding_10'の – brk

他のcssプロパティがあなたの' .padding_10'プロパティをオーバーライドしていないかどうかを確認してください。 –

期待どおりに動作しています。あなたは入力にパディングを追加したいですか？ –

入力ボーダーのデフォルトは、あなたが

がcalc機能

<div class="padding_10"> 
     <input placeholder="Search for people..." style="width:calc(100% - 2px); border:1px solid #000;"> 
    </div>

2016-08-04 06:21:57

ボックスサイジング時に計算境界線を使用する理由：border-box;存在するか？ –

まずちょうどあなたcssであることを確認するためにあなたが上style tagそしてちょうどright click（使用放火魔）内にある場合

<style> 
.padding_10{ padding: 10px; } 
</style>

ようstyletagセカンドの内側にありますタグをつけて、そのすべてについてstylesを調べてくださいiv。他のいくつかのスタイルはそれほどpadding動作していない

2016-08-04 06:21:19 user1234

答えて