CSS自動內減是指當元素的寬度或高度被設置了固定值或百分比值后,它的內邊距和邊框會自動地縮小,以使得元素的總寬度或總高度不超過所設置的值。
以下列示例為例:
div { width: 100px; height: 100px; padding: 10px; border: 5px solid black; }
在這個例子中,元素的總寬度為100px(設置的寬度)+ 2 * 5px(左右邊框)+ 2 * 10px(左右內邊距)= 120px。由于總寬度超過了所設置的寬度,CSS會自動地內減邊框和內邊距,使得元素的總寬度等于100px。
值得注意的是,CSS自動內減只會在元素設置了固定寬度或高度時才生效,在使用百分比值時不會自動內減。
為了避免產生預料之外的效果,我們需要充分地理解CSS自動內減的機制,并合理地使用邊框和內邊距。
上一篇css自動變色代碼