css - 为元素提供填充会增加总宽度

Question

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

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

现在，令人困惑的是，每当我添加padding-left: 40px;到上面时，div 的总宽度也会增加。不是吗padding euivalent to internal indentation.

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

score 2 · Accepted Answer

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

另请阅读CSS Box Model。

score 1 · Accepted Answer

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

2 回答 2