CSS中的設置寬度/高度僅對應於內容區域。有沒有辦法在CSS中設置元素的偏移寬度/高度(即尺寸包括填充/邊距/邊框)?使用CSS設置塊元素的真實(偏移量)寬度/高度?
編輯:實施例 - >
我有許多具有標記CSS類的div「在smallBox」
.smallBox{
width: 100px;
height: 100px;
}
現在我想單獨設置填充在每個框中,而具有整體外部尺寸保持不變。
CSS中的設置寬度/高度僅對應於內容區域。有沒有辦法在CSS中設置元素的偏移寬度/高度(即尺寸包括填充/邊距/邊框)?使用CSS設置塊元素的真實(偏移量)寬度/高度?
編輯:實施例 - >
我有許多具有標記CSS類的div「在smallBox」
.smallBox{
width: 100px;
height: 100px;
}
現在我想單獨設置填充在每個框中,而具有整體外部尺寸保持不變。
嚴格來說,有點。您可以更改與建議的框大小CSS3屬性一起使用的框模型,以便寬度指定對象的總寬度。詳情可以發現here(http://www.quirksmode.org/css/box.html)。
但是,瀏覽器的兼容性是不確定的(本文只提到IE8 +和Firefox),因此您可能需要使用某種JavaScript來實現此目的。
我還沒有聽說過提議的框大小的CSS3屬性 - 確實有趣。所以我想現在沒有簡短的答案,希望將來可以。 – Yarin 2010-11-11 23:10:30
你能否解釋清楚,邊距邊框在我們指定它們的權限後被加起來,默認情況下它們不會被添加到框模型中 – kobe 2010-11-11 22:48:09
@ gov- see edits – Yarin 2010-11-11 23:14:36