CSS如何設置高度百分百 在前端開發中，常常需要設置元素高度為百分比，以適應不同屏幕尺寸的設備。CSS提供了多種設置元素高度的方式，本文將介紹如何使用CSS設置高度為百分之百。 首先，CSS提供了一個單位叫做vh（view height），表示視口高度的百分比。視口是指瀏覽器可見區域的大小，vh的值是相對于視口高度的百分比。例如，設置一個元素的高度為100vh就表示它的高度等于視口的高度：

p {
height: 100vh;
}

上述代碼中，p標簽的高度被設置為100vh。 如果想讓元素的高度占據整個父容器的高度，可以使用另一個單位叫做百分比（%）。例如，設置一個元素的高度為100%就表示它的高度等于父容器的高度：

.parent {
height: 500px;
}
.child {
height: 100%;
}

上述代碼中，父容器的高度被設置為500px，子元素的高度被設置為100%。 需要注意的是，如果元素的父容器沒有設置高度，那么百分比設置高度將無效。因此，在使用百分比設置元素高度時，一定要確保父容器有設置高度。 總結 CSS提供了多種設置元素高度的方式，其中高度百分之百是較為常用的一種。通過vh和%單位，可以輕松地實現高度百分之百的效果。需要注意的是，在使用百分比設置元素高度時，一定要確保父容器有設置高度。