填充元素增加總寬度

Question

我有一個div，我想縮進我的文本，從左邊說40px。爲此，我寫

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

現在，混淆是，每當我添加padding-left: 40px;到上述情況，div的總寬度也incresases。是不是padding euivalent to internal indentation.

順便說一句，如何可以縮進我的文本，而無需修改我的div寬？

Answer 1

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

這會使padding:在盒子寬度內計算。

也讀了關於CSS Box Model。

Answer 2

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