设置div和button高度一致

要设置 `div` 和 `button` 的高度一致，可以使用 CSS 中的 `height` 属性。具体操作步骤如下：

1. 设置 `div` 和 `button` 的 `height` 属性为相同的数值或百分比值。

2. 如果 `div` 或 `button` 的 `box-sizing` 属性为 `border-box`，需要将 `padding` 和 `border` 的值考虑在内。

示例代码如下：

<div class="container">
  <div class="box"></div>
  <button class="btn">Button</button>
</div>

.container {
  display: flex;
  align-items: center;
}
.box {
  height: 30px;
  border: 1px solid #ccc;
  padding: 5px;
  box-sizing: border-box;
}
.btn {
  height: 30px;
}

这样设置后，`div` 和 `button` 的高度就会保持一致。注意，这里使用了 `flex` 布局，将它们垂直居中对齐。如果不需要垂直居中，可以去掉 `align-items: center;` 这一行。

相关问题

设置div的宽度和高度

你可以使用CSS来设置一个div元素的宽度和高度。例如，如果你想要一个宽度为200像素，高度为100像素的div元素，你可以使用以下CSS代码：

div {
  width: 200px;
  height: 100px;
}

在这个例子中，我们使用`width`属性设置div元素的宽度为200像素，使用`height`属性设置div元素的高度为100像素。你可以根据需要调整这些值。

html设置div的宽度和高度

要设置一个 DIV 元素的宽度和高度，可以使用 CSS 样式表中的 width 和 height 属性。例如，下面的代码将设置一个宽度为 200 像素，高度为 100 像素的 DIV 元素：

<div style="width:200px;height:100px;"></div>

也可以将样式定义在 CSS 样式表中，然后在 HTML 中引用该样式，例如：

<style>
  .my-div {
    width: 200px;
    height: 100px;
  }
</style>

<div class="my-div"></div>

这将应用名为 "my-div" 的 CSS 类，该类定义了 DIV 元素的宽度和高度。