.wrap_table{ width: 100%; height: 100%; } .header_center{ width: 100%; height: 60px; line-height: 60px; text-indent: 20px; font-size: 15px; font-weight: 600; border-bottom: 1px solid #ccc; } .tables{ width: 100%; height: calc(100% - 180px); padding: 20px; } .query_table{ width: 100%; height: 120px; .top_div{ width: 100%; height: 50%; line-height: 60px; padding-left: 20px; // background-color: #f60; } .btm_div{ width: 100%; height: 50%; line-height: 60px; padding-left: 20px; } } .btns{ padding: 0 5px; margin-right: 10px; display: inline-block; } .c-ls{ margin-bottom: 10px; } .titles_tk{ width: 120px; display: inline-block; padding: 0 5px; margin-right: 10px; } .titles_num{ display: inline-block; } .titles_yzm{ width: 250px; display: inline-block; margin-right: 10px; } .titles_pas{ width: 40px; height: 30px; background-color: #fff; display: inline-block; text-align: center; line-height: 30px; border: 1px solid #ccc; }; .inputs{ display: inline-block; width: 100%; }