CSS 是前端開發中不可或缺的一部分，其中設置寬高是其中最基礎的一部分。下面將介紹一些 CSS 如何設置寬高的方法。 CSS 可以通過使用 width 和 height 來設置元素的寬度和高度，如下所示： ``` div { width: 300px; /* 設置寬度為 300 像素 */ height: 200px; /* 設置高度為 200 像素 */ } ``` 也可以使用百分比來設置寬度和高度，如下所示： ``` div { width: 50%; /* 設置寬度為其父元素寬度的50% */ height: 50%; /* 設置高度為其父元素高度的50% */ } ``` 除此之外，還可以使用 max-width 和 max-height 來設置元素的最大寬度和最大高度，如下所示： ``` div { max-width: 500px; /* 設置最大寬度為 500 像素 */ max-height: 300px; /* 設置最大高度為 300 像素 */ } ``` 還可以使用 min-width 和 min-height 來設置元素的最小寬度和最小高度，如下所示： ``` div { min-width: 200px; /* 設置最小寬度為 200 像素 */ min-height: 100px; /* 設置最小高度為 100 像素 */ } ``` 最后，還可以使用 flexbox 來設置元素的寬度和高度，如下所示： ``` .container { display: flex; /* 將元素設置為 flex container */ justify-content: center; /* 將內容放置于容器中心 */ align-items: center; /* 沿垂直方向居中元素 */ } .item { width: 50%; /* 將寬度設為其父容器的一半 */ height: 50%; /* 將高度設為其父容器的一半 */ } ``` 以上就是一些關于如何使用 CSS 設置元素寬度和高度的方法，開發者可以根據需要靈活運用。