CSS 是網頁設計中必不可少的工具。確定元素在頁面中位置的方法之一就是使用定位(position)。定位允許您將元素放置在任何位置,包括頁面頂部、頁面底部和其他元素的前面或后面。
在定位元素時,高度(height)是一個很重要的屬性。當使用相對定位或絕對定位時,如果不設置高度,則元素將采用默認高度,這樣可能會造成元素樣式錯誤或者布局混亂。
下面是一個基本的 css 定位樣式的示例,這里我們使用了相對定位(position: relative):
.box { position: relative; left: 50px; top: 50px; height: 200px; }
上面的代碼,我們將一個名為 box 的元素相對向左和向上移動了 50 像素,并將高度設定為 200 像素。如果沒有設置高度,該元素將會自動采用默認高度。
同樣的,我們可以使用絕對定位(position: absolute):
.box { position: absolute; left: 50px; top: 50px; height: 200px; }
上面的代碼,同樣在 box 元素使用了絕對定位,將其向左和向上移動了 50 像素,并同樣將高度設定為 200 像素。其它的定位元素使用的高度設置方式與這里類似。
實際上,高度屬性的重要性不僅僅在定位元素時體現出來,也在整個頁面布局中。因此,對高度屬性的正確使用對于頁面設計而言非常重要。