如何让div和h1在调整宽度的同时作为新行上的块

要让div和h1在调整宽度的同时作为新行上的块，可以使用CSS中的display属性和float属性来实现。

1. 使用display属性：
   • 将div设置为块级元素，可以使用display: block;或者display: inline-block;来实现。块级元素会独占一行，而内联块级元素则可以在同一行显示。
   • 将h1设置为块级元素，可以使用display: block;来实现。
2. 使用float属性：
   • 将div设置为浮动元素，可以使用float: left;或者float: right;来实现。浮动元素会脱离正常的文档流，可以在同一行显示。
   • 将h1设置为浮动元素，可以使用float: left;或者float: right;来实现。

以下是一个示例代码：

<style>
  .div {
    display: inline-block;
    /* 或者 display: block; */
    /* 或者 float: left; */
  }
  
  h1 {
    display: block;
    /* 或者 float: left; */
  }
</style>

<div class="div">
  <h1>标题</h1>
</div>

在上述示例中，div和h1元素可以根据需要选择使用display属性或float属性来实现在调整宽度的同时作为新行上的块。