/* .content { width: 100%; height: 93%; overflow: hidden; box-sizing: border-box; padding: 10px 10px 20px 10px; .center { width: 100%; height: 100%; } } */ #center{ overflow: hidden; } .box{ width: 100%; height: 92%; display: flex; flex-direction: column; overflow: hidden; position: relative; .topbox{ width: 100%; height: 80px; border-bottom: 1px gray solid; //display: flex; /* flex-direction: row-reverse; justify-content: space-around; */ .find{ margin-left: 260px; float: left; height: 100%; align-items: center; display: flex; flex-direction: row; justify-content: space-around; button{ margin-left: 15px; width: 88px; height: 36px; } } .btnbox{ display: flex; flex-direction:row-reverse; float: right; justify-content: center; align-items: center; height: 100%; button{ width: 88px; height: 36px; } margin-right:15%; } } .echartsbox{ width: 100%; height: 100%; overflow: hidden; display: flex; flex-direction: row; //justify-content:center; } #pie{ width: 50%; height: 93%; flex-direction: row } #pieTwo{ width: 50%; height: 93%; flex-direction: row } } .selectedBtn{ background-color: #2196f3; color: white; } //table .table { table { width: 100%; text-align: center; .cdk-header-cell { text-align: center; } } font-size: 30px; width: 100%; height: 600px; overflow: auto; .tableHeader { font-size: 30px; text-align: center; font-weight: 550; } } //滚动条样式 ::-webkit-scrollbar{ width: 5px; background-color: white; } ::-webkit-scrollbar-thumb{ background-color: #999; }