在CSS中，塊級元素（Block-level elements）的默認行為是自動填充其父元素的寬度，并且高度根據(jù)其內容自動調整，有時候我們可能需要手動設置塊級元素的寬度和高度，下面是一些方法來實現(xiàn)這一目標：

1、使用width和height屬性：

width屬性用于設置元素的寬度。

height屬性用于設置元素的高度。

要將一個塊級元素設置為寬度為300px，高度為200px，可以使用以下CSS代碼：

```css

.block-element {

width: 300px;

height: 200px;

}

```

2、使用max-width和max-height屬性：

max-width屬性允許你設置一個元素的***大寬度。

max-height屬性允許你設置一個元素的***大高度。

這些屬性在內容超出指定寬度或高度時會變得很有用，可以防止元素過大而溢出其父元素。

```css

.block-element {

max-width: 300px;

max-height: 200px;

}

```

3、使用min-width和min-height屬性：

min-width屬性用于設置元素的***小寬度。

min-height屬性用于設置元素的***小高度。

這些屬性在內容較少時非常有用，可以確保元素不會變得太小而無法閱讀。

```css

.block-element {

min-width: 300px;

min-height: 200px;

}

```

4、使用百分比（%）單位：

- 百分比單位允許你根據(jù)父元素的寬度或高度來設置元素的寬度或高度。

要將一個塊級元素設置為父元素寬度的50%，可以使用以下CSS代碼：

```css

.block-element {

width: 50%;

}

```

5、使用CSS Flexbox：

- Flexbox是一個強大的布局工具，允許你輕松控制元素的寬度、高度和對齊方式。

要將一個塊級元素設置為寬度為300px，高度為200px，并使用Flexbox進行布局，可以使用以下CSS代碼：

```css

.flex-container {

display: flex;

}

.block-element {

flex: 1; /* 允許元素占用所有可用空間 */

max-width: 300px; /* 設置***大寬度 */

max-height: 200px; /* 設置***大高度 */

}

```

通過以上方法，你可以靈活控制CSS中塊級元素的寬度和高度，以滿足各種布局需求。