在前端開發中，CSS 是必不可少的一種樣式語言。其中，設置元素的高度和寬度是常見的操作，下面介紹一些相關的知識。

/* 設置高度 */
height: 200px;
/* 設置寬度 */
width: 300px;

首先，我們需要明確一個概念，元素的高度和寬度在不設置的情況下是由內部內容的大小決定的。如果您不設置元素的高度和寬度，它們將自適應內容大小，這可能導致元素過高或過寬。因此，為了控制元素的大小，您需要設置高度和/或寬度。

關于設置高度，我們需要注意一些細節。如果您將一個元素的高度設置為一個固定值，對于一些內容很多的元素來說，可能導致內容不能完全顯示。這時，您可以選擇設置元素的 overflow 屬性，該屬性可以控制超出高度的內容的顯示方式。如下：

/* 設置元素溢出內容隱藏 */
overflow: hidden;
/* 設置元素強制生成滾動條 */
overflow: scroll;

對于寬度的設置，沒有類似高度的限制，但同樣可能存在不同的問題。有時，元素的寬度一旦定義，就會有其他元素擠入到同一行而導致布局崩潰。這時，您可以使用 “盒子模型” 來修復這個問題。

/* 以像素為單位設置元素邊框、內邊距和內容寬度 */
box-sizing: border-box;

總結一下，高度和寬度是控制元素大小的重要屬性。設置高度時需要特別注意控制內容超出的方式，設置寬度時可以考慮使用 “盒子模型”。