CSS中的div是常用的容器标签，通常用于包裹其他HTML标签。但是，如果不设置宽度属性，div容器会默认占据父元素的100%宽度，而不是根据自己的内容调整宽度，这样就会导致页面布局出现问题。那么如何让div容器根据内容自适应宽度呢？ 第一种方法是使用浮动属性。如果将多个div容器浮动到同一行中，他们会根据内容自适应宽度，但是要设置好浮动属性和清除浮动属性，以免影响页面的布局。

p {
  float: left;
  margin-right: 10px;
}

  
div内的一段文本
  
再来一段文本
  
最后一段文本
  

第二种方法是使用display属性的inline-block值。将div容器的display属性设置为inline-block，就可以让它根据内容自适应宽度。但是需要注意，这种方法会受到文字间隙的影响，需要在HTML中删除文字间隙或者设置word-spacing为负值。

  
inline-block一段文本
  
再来一段文本
  
最后一段文本

无论是使用浮动属性还是display属性的inline-block值，都能让div容器根据内容自适应宽度。选择哪种方法的关键在于具体的布局需求。