CSS 可以根據(jù)父元素計(jì)算子元素的高度。
在樣式表中,可以使用 height 屬性定義元素的高度。如果 height 屬性設(shè)置為百分比值,那么元素的高度將根據(jù)父元素的高度計(jì)算。
div { height: 50%; }在這個(gè)例子里, div 元素的高度將根據(jù)父元素計(jì)算,假設(shè)父元素的高度為 500px,則 div 元素的高度為 250px。
還可以使用 min-height 屬性和 max-height 屬性來(lái)控制子元素的高度。min-height 屬性可以確保子元素的高度不會(huì)小于指定的值。
div { min-height: 200px; }在這個(gè)例子中,如果子元素的高度小于 200px,那么 div 元素的高度將會(huì)被調(diào)整為 200px。
max-height 屬性則可以確保子元素的高度不會(huì)超過指定的值。
div { max-height: 500px; }在這個(gè)例子中,如果子元素的高度超過了 500px,那么 div 元素的高度將會(huì)被調(diào)整為 500px。