如何制作& ltdiv & gt覆蓋a & ltbutton & gt？我是一名學生，現在正在學習CSS中的float。當把按鈕做成塊級元素時，我想讓按鈕在盒子后面，所以我在按鈕上添加了一個樣式，display:block；。我期望的是按鈕在盒子后面，而不是在盒子旁邊。然而，沒有成功。

我知道如何修改代碼讓它發生。但是我不明白為什么代碼不起作用。

.container {
  width: 1200px;
  height: 300px;
  border: 1px solid black;
}

.box {
  float: left;
  width: 100px;
  height: 100px;
  border: 1px solid black;
}

button {
  display: block;
  border: 1px solid red;
}

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
  <button>click me</button>
</div>

你的2個盒子向左浮動，它們一個接一個向左移動。 按鈕來了之后，就這樣放在了一邊

如果你把容器位置設為相對，按鈕位置設為絕對，它將獨立于盒子在容器中占據位置

您可以更改按鈕左，右，上，下值

.container {
  position: relative;
  width: 1200px;
  height: 300px;
  border: 1px solid black;
}

.box {
  float: left;
  width: 100px;
  height: 100px;
  border: 1px solid black;
}

button {
  position: absolute;
  border: 1px solid red;
}

<div class="container">
  <button>click me</button>
  <div class="box"></div>
  <div class="box"></div>
</div>