css - 给元素填充增加总宽度

Question

我有一个 div，我想缩进我的文本，从左边说 40px。为此，我写

#rightheader{
    float: right;
    width: 70%;   
    height: 120px;
    background-color: #336699;
    padding-top: 20px; 
}

现在，令人困惑的是，每当我在上面添加 padding-left: 40px; 时，div 的总宽度也会增加。 填充是否等同于内部缩进。

顺便说一句，如何在不需要修改我的 div 宽度的情况下缩进我的文本？？

Answer 1

你想看看 box-sizing: border-box .

这将使 padding: 在框的宽度内计算。

另请阅读有关 CSS Box Model 的信息.