1. CSS div width – 仅限内容宽度..？
CSS中控制div宽度的方式有多种，可以使用像素（px）、百分比（%）、视口宽度（vw）和视口高度（vh）。但是，当宽度没有设置时，div的宽度将始终填满其父元素的宽度，除非它的父元素没有指定宽度。
那么，如何限制div的宽度仅为其内容宽度呢？
1.1 使用inline-block
使用display: inline-block属性可以将div变为行内块级元素，此时块级元素会像行内元素一样排列，而宽度仅为其内容宽度。
.my-div {
display: inline-block;
}
如果需要将div元素垂直居中，则可以使用vertical-align: middle属性。
1.2 使用float属性
使用float属性同样可以让div元素的宽度仅为其内容宽度。设置float: left或right后，会让该元素浮动在父元素左侧或右侧，而不是占据整个父元素的宽度。
.my-div {
float: left;
clear: both;
}
注意，此处的clear: both属性用于清除浮动元素的影响，以避免对后续元素造成影响。
1.3 使用display: table属性
使用display: table属性可以将div元素转换为表格元素，此时元素会以表格的形式展现，而不是占据整个父元素的宽度。
.my-div {
display: table;
}
1.4 结合max-width属性
如果希望限制div元素的宽度不超过一定数值，可以结合max-width属性使用。
.my-div {
max-width: 500px;
}
此时，当div元素的内容宽度小于500px时，元素的宽度将与内容宽度相等。当内容宽度大于500px时，元素的宽度将被限制在500px以内。
2. 总结
CSS中控制div元素宽度的方式有多种，但是限制宽度仅为内容宽度的方法主要有以下几种：
使用inline-block属性
使用float属性
使用display: table属性
结合max-width属性
根据需要选择合适的方法，可以有效地控制div元素的宽度，提高页面的可读性和美观性。