Javascript HTML DIV填充错误

为什么我的div填充不正确

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

.padding_10{padding:10px；}

---

首先确保您的

css

在

style

标签中

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


.padding_10{padding:10px；}

Second如果您的标签在
样式标签内
，则只需在标签上单击
右键（使用firebug），然后检查该分区的所有
样式
。可能还有其他样式，因此
填充
不起作用
输入边框默认添加

在输入中应用100%宽度

在
calc
函数中应用宽度

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


共享
padding\u 10的css属性
检查其他css属性是否未覆盖您的
padding\u 10
属性。它正在按预期工作。是否要向输入中添加填充？是否在样式标记或css文件中写入css属性？看起来div已添加填充。还请检查是否没有其他css规则覆盖此分区上的填充。框大小调整时为什么计算边框：边框框；存在？