html - div不在按钮内

Question

我的按钮内有 div，但是，div 并没有留在按钮内。

这是链接 https://gph.is/g/aNWBDdP

button {
  font-size: 25px;
  height: 40px;
  min-width: auto;
  padding: 5px;
  text-align: left;
}

<button>
  <div>Edit</div>
  <div>**pencil_icon**</div>
</button>

Answer 1

div 在按钮内部，您只是限制了按钮的高度。移除高度并观察按钮包含 div。

button {
  display: block;
  font-size: 25px;
  padding: 5px;
  text-align: left;
}

<button>
  <div>Edit</div>
  <div>**pencil_icon**</div>
</button>