HTML 設置塊寬高 在網頁設計中，為了使網頁的布局更加優美、美觀，我們經常需要設置塊的寬高。HTML提供了多種設置塊寬高的方式，下面我們將逐一介紹這些方式。 1. 使用width和height屬性 width和height屬性是設置塊寬高最常用的方式。通過設置width和height的值，我們可以控制塊元素的寬和高。 例如，下面這段代碼將一個div塊的寬設置為200像素，高設置為100像素：

2. 使用CSS的width和height屬性 CSS提供了更加靈活的塊寬高設置方式。我們可以將width和height屬性寫在CSS樣式表中，然后通過class或id選擇器將樣式應用到對應的塊元素上。 例如，下面這段代碼定義了一個名為box的類，設置了寬為200像素，高為100像素：

.box {
width: 200px;
height: 100px;
}

然后我們將box類應用到一個div元素上，就可以將該div塊的寬高設置為200x100像素了：

3. 使用百分比設置寬高 除了像素值，我們還可以使用百分比設置塊的寬高。這種方式相對靈活，適用于響應式布局等需要適應不同尺寸屏幕的場景。 例如，下面這段代碼將一個div塊的寬設置為父元素寬度的50%，高設置為固定的100像素：

4. 使用min-width和min-height屬性 如果我們希望塊元素的寬高能夠根據內容的大小自適應，但又不希望寬高過小導致內容溢出，可以使用min-width和min-height屬性。 例如，下面這段代碼將一個div塊的最小寬度設置為200像素，最小高度設置為100像素，以保證內容不會溢出：

總結 以上就是HTML設置塊寬高的幾種常見方式。在實際應用中，我們可以根據需求選擇最合適的方式，以達到最優秀的布局效果。