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