CSS中，<dl>元素是用來定義定義列表的，但是在設置其寬度時可能會稍有不同。當我們需要對<dl>定義列表進行寬度設置時，我們可以使用百分比設置寬度。

首先，我們需要知道<dl>定義列表包含三個元素，分別是<dt>、<dd>和<dl>本身。因此，我們需要對這三個元素進行寬度設置。

<dl>{
width: 80%;
}
<dt>{
width: 30%;
float: left;
clear: left;
}
<dd>{
width: 70%;
float: left;
}

在上面的CSS代碼中，我們給<dl>定義列表設置了80%的寬度。對于<dt>元素，我們設置了30%的寬度，并使用float: left;進行左浮動，同時使用clear: left;來清除左浮動。對于<dd>元素，我們設置了70%的寬度，并同樣使用float: left;進行左浮動。

通過這樣的設置，<dl>定義列表會自適應其所處的容器寬度，并按照<dt>和<dd>的寬度比例排列。

需要注意的是，在以上設置中，由于<dt>元素設置了左浮動并清除了左浮動，因此<dd>元素會緊貼<dt>元素。如果我們需要<dd>元素有一定的左右間距，我們可以在<dd>元素中設置margin-left和margin-right來實現。