body { margin: 0 15px 15px 15px; } #main-box { width: 100%; height: 100%; background-color: #fff; border-radius: 5px; } #basic-box { width: 100%; height: calc(100% - 120px); flex-direction: column; justify-content: space-evenly; } #operBox, #qrCodeBox { width: 100%; height: 25%; flex-direction: column; justify-content: space-evenly; } .layout { display: flex; align-items: center; justify-content: center; } .btn-box { width: 100%; height: 80px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }