如何让按钮与div对齐

要让按钮与div对齐，可以使用CSS布局来实现。以下是一种常见的方法：

使用CSS的display属性和float属性：
- 将按钮和div都设置为块级元素，可以使用display: block;来实现。
- 将按钮设置为浮动到左侧，可以使用float: left;来实现。
- 将div设置为清除浮动，可以使用clear: both;来实现。

示例代码如下：

<style>
    .button {
        display: block;
        float: left;
    }
    .div {
        display: block;
        clear: both;
    }
</style>

<div class="button">
    <button>按钮</button>
</div>
<div class="div">
    <p>这是一个div。</p>
</div>

使用CSS的flexbox布局：
- 将按钮和div都放置在一个父容器中，可以使用display: flex;来实现。
- 设置按钮的align-self属性为flex-start，使其在父容器中垂直居上。

示例代码如下：

<style>
    .container {
        display: flex;
        align-items: flex-start;
    }
</style>

<div class="container">
    <button>按钮</button>
    <div>
        <p>这是一个div。</p>
    </div>
</div>

以上是两种常见的方法，可以根据具体情况选择适合的方式来实现按钮与div的对齐。