HTML DIV Padding falsch

Question

Warum ist mein div Padding nicht korrekt?

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

Answer 1

Eingangs Grenze addedd

Sie in Ihrer Eingabebreite 100% gelten

Breite

in calc Funktion anwenden

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

Answer 2

Erste nur um sicher zu sein, ist Ihr css innen styletag wie

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

Second ist, wenn Ihr innen ist style tag dann nur right click (Verwendung Firebug) auf Markieren und überprüfen Sie alle styles für diese d iv. Kann sein Standard einige andere Arten gibt es so padding nicht funktioniert