.box{ width: 100%; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; } .searchBar{ margin-top: 1%; } .pieChart{ margin-top: 2%; } .histogramChart{ margin-bottom: 10%; } #leiDaTu { margin-left: 5%; height: 300px; width: 100%; float: left; } #leiDaTu2 { margin: 15%; height: 300px; width: 450px; float: left; } .margin { width: 100%; height: 618px; } .dialogLeftData { width: 50%; height: 650px; text-align: center; float: left; } .dialogRightData { width: 50%; height: 650px; text-align: center; float: left; }