首先，需要了解的是，当一个DIV没有指定宽度时，它会自动扩展为其父级元素的100%宽度。为了让一个DIV元素适应其父级元素的宽度，可以使用百分比宽度。例如：
div {
width: 90%;
}这将使DIV元素的宽度为其父元素宽度的90%。但是，应该注意的是，当DIV元素的父级元素没有指定宽度时，这个方法是不起作用的。因为DIV元素将自动扩展为其父元素的100%宽度。
如果DIV元素的父元素有固定的宽度，可以使用像素值来设置DIV元素的宽度。例如：
.div {
width: 400px;
}这将使DIV元素的宽度为400像素。但是，当浏览器的窗口大小改变时，DIV元素的宽度可能超出父级元素的宽度，因此需要使用媒体查询使得DIV元素的宽度能够适应不同的设备大小。
最后，需要注意的是，当DIV元素内包含其他元素时，DIV元素的宽度将自动适应其内部元素的宽度。因此，需要考虑内部元素的宽度和间距。可以使用box-sizing属性来控制DIV元素的宽度包括内部元素的宽度和间距。例如：
.div {
box-sizing: border-box;
}这将使DIV元素的宽度包括内部元素的宽度和间距。这样可以更好的控制DIV元素的宽度，使之能够适应不同的设备和布局。