html - div不在按钮内

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

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

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

最佳答案

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

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

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

关于html - div不在按钮内，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57811669/

相关文章：

html - 网站布局问题