Alih keluar ruang putih dalam HTML

Question

Saya hanya menulis butang "keluar" untuk klien permainan yang saya buat dalam Electron, dan selepas menulis kod untuk butang itu, bar putih gergasi muncul di sebelahnya. Saya juga ingin tahu cara menggunakan translateX(peratusan) untuk mengalihkannya ke bahagian tengah atas halaman tetapi tidak dapat memahaminya. =

.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

Saya rasa ini berlaku kerana tag badan anda mempunyai warna latar belakang putih, cuba tukar dengan warna latar belakang halaman atau anda juga boleh melakukan perkara berikut:

.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 */
}

Ini pada asasnya akan memberikan butang anda kedudukan mutlak dan membolehkan anda meletakkannya di mana sahaja anda mahu. Jika ia bertindih dengan beberapa elemen, gunakan z-index.