如何防止DIV扩展以占用所有可用宽度？

要防止DIV扩展以占用所有可用宽度，可以使用CSS来设置宽度和溢出属性。以下是一些建议：

1. 设置宽度：可以使用CSS中的width属性来设置DIV的宽度。例如，如果要将宽度设置为500像素，可以使用以下代码：

div {
  width: 500px;
}

1. 设置最大宽度：如果希望DIV自适应内容，但又不希望它占用所有可用宽度，可以使用CSS中的max-width属性来设置最大宽度。例如，如果要将最大宽度设置为800像素，可以使用以下代码：

div {
  max-width: 800px;
}

1. 设置溢出属性：如果DIV的内容超出了设置的宽度或最大宽度，可以使用CSS中的overflow属性来设置溢出行为。例如，如果要在溢出时显示滚动条，可以使用以下代码：

div {
  overflow: auto;
}

1. 使用flex布局：另一种方法是使用CSS中的flex布局来控制DIV的大小和位置。可以使用以下代码将DIV的大小设置为其内容的大小：

div {
  display: flex;
  flex-shrink: 0;
}

这些方法可以帮助您防止DIV扩展以占用所有可用宽度。