如何防止填充属性更改CSS中的宽度或高度？
如何防止填充属性更改CSS中的宽度或高度？
提问于 2009-04-23 06:00:47
我正在用DIV创建一个站点。除了我创建DIV的时候，一切都正常。我像这样创建它们(示例)：
newdiv {
width: 200px;
height: 60px;
padding-left: 20px;
text-align: left;
}当我添加padding-left属性时，DIV的宽度更改为220px，我希望它保持在200px。
假设我创建了另一个与newdiv完全相同的名为anotherdiv的DIV，并将其放入newdiv中，但是newdiv没有填充，而anotherdiv有padding-left: 20px。我得到了同样的东西，newdiv的宽度将是220像素。
我如何解决这个问题？
回答 6
Stack Overflow用户
发布于 2009-04-22 22:07:19
Stack Overflow用户
发布于 2015-09-10 20:46:34
尝尝这个
box-sizing: border-box;Stack Overflow用户
发布于 2015-01-15 10:28:16
如果您想在不更改div大小的情况下缩进div中的文本，请使用CSS text-indent而不是padding-left。
.indent {
text-indent: 1em;
}
.border {
border-style: solid;
}<div class="border">
Non indented
</div>
<br>
<div class="border indent">
Indented
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/779434
复制相关文章
相似问题