刪除 HTML 中的空白條

Question

我只是為我正在電子中製作的遊戲客戶端編寫一個「退出」按鈕，在編寫該按鈕的程式碼後，它旁邊會顯示一個巨大的白色條。我還想知道如何使用 translateX(percentage) 將其向上移動到頁面的頂部中間，但無法弄清楚。 =

.ExitButton {
  color: red;
  font-size: 25px;
  max-width: 55px;
  length: 30px;
  border-color: black;
  transition-duration: 0.4s;
  cursor: pointer;
  text-align: center;
}

.ExitButton:hover {
  background-color: black;
}

.Exitbutton {
  background-color: transparent;
}

<webview src="https://bapbap.gg"></webview>

<button class="ExitButton" onclick="alert('Are you sure you want to exit BapClient?')">Exit</button>
</button>

Answer 1

我認為發生這種情況是因為您的正文標記具有白色背景顏色，請嘗試使用頁面的背景顏色來更改它，或者您也可以執行以下操作：

.ExitButton {
/* ... */
position: absolute;
/* make the button 0 pixels away from bottom of the page */
bottom:0;
/* you can use top, left or right just like this way 
to put the button on anywhere on the page you want */
}

這本質上將為您的按鈕提供絕對位置，並使您能夠將其放置在您想要的任何位置。如果與某些元素重疊，請使用 z-index。