CSS的內容寬高是指元素的實際寬度和高度,不包括邊框、內邊距和外邊距。
元素的內容寬高可以通過CSS的width和height屬性來設置。例如:
div{ width: 200px; height: 100px; }
上面的代碼設置了一個div元素的寬度為200像素,高度為100像素。
但是要注意的是,如果元素的寬度和高度大于指定的內容寬高,元素的寬度和高度會自動擴展以容納全部內容。
另外,如果元素不設置內容寬高,它會自動適應其內容的寬度和高度。例如:
p{ width: auto; height: auto; }
上面的代碼設置了一個p元素的寬度和高度自適應其內容的寬度和高度。
需要注意的是,使用百分比設置元素的內容寬高時,參照的是父元素的寬度和高度。例如:
div{ width: 50%; height: 50%; }
上面的代碼將一個div元素的寬度和高度設置為其父元素寬度和高度的50%。
總之,掌握元素的內容寬高對于掌握CSS布局設計是非常重要的。