HTML DIV填充错误

Question

为什么我的div不是填充正确的？

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

Answer 1

输入边界默认addedd

应用宽度100％，在您的输入

在calc功能

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

Answer 2

首先只是可以肯定的是你的css里面styletag像

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

二如果你是内style tag然后就right click（使用Firebug）上标记并检查所有styles的d IV。可能有一些其他的风格有这么padding不工作