body { margin: 0; padding: 0; width: 100%; height: 100%; background-color: #fff; } .container { width: 900px; height: auto; margin: 0 auto; } .header { display: flex; align-items: center; width: 100%; height: 100px; margin: 10px 0; border: 1px solid gray; } .printer { display: flex; align-items: center; margin-left: 10px; } .printer span { display: block; width: 120px; } .printer select { width: 520px; height: 26px; } .printer .reset { width: 120px; height: 24px; margin-left: 10px; line-height: 24px; text-align: center; border: 1px solid #a9a9a9; } .main { display: flex; align-items: center; justify-content: space-between; width: 100%; } .main-left { width: 60%; } .send1{ width: 90%; height: 30px; margin: 10px ; line-height: 30px; text-align: center; font-size: 16px; /* border: 1px solid gray; */ /* border-radius: 5px; */ /* margin: 10px 10px; */ } .flex-rows { padding: 10px 0 10px 10px; margin-bottom: 20px; border: 1px solid gray; } .flex-rows p { font-size: 16px; } .flex-rows .ex2 { display: flex; align-items: center; height: 40px; } .function .ex2 span, .upgrade .ex2 span { display: block; width: 120px; font-size: 14px; } .parameter .ex2 span { display: block; width: 160px; font-size: 14px; } .ex2 .right { width: 500px; } .ex2 .diy-span-class{ display: flex; justify-content: flex-start; align-items: center; } .ex2 .diy-span-class span { display: block; width: 30px ; margin-left: 6px; font-size: 14px; } .ex2 .diy-span-class span:nth-child(1) { margin-left: 0; } .headselect{ width: 500px; } .ex2 .right input[type='text'] { width: 200px; height: 24px; } .ex2 .right input[type='button'], .ex2 .right input[type='number'], .ex2 .right input[type='reset'], .ex2 .right select { width: 120px; height: 24px; } .ex2 .diy-span-class input[type='number'] { width: 60px; height: 24px; } .ex2 .right input[type='number'] { height: 22px; } .ex2 .right select, .ex2 .right input[type='button'] { height: 28px; } .ex2 .crc input[type='text'] { width: 120px; height: 24px; } .file-input { display: flex; align-items: center; } .select-file { position: relative; width: 120px; height: 28px; margin-left: 6px; border: 1px solid #a9a9a9; } .select-file span { width: 100%; height: 100%; line-height: 28px; text-align: center; background-color: #fff; } .select-file input { opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } .main-right { width: 36%; height: 860px; margin-top: -20px; border: 1px solid gray; } .main-right p { padding-left: 5%; } .overflowTest { width: 90%; height: 320px; margin: 0 auto; padding: 4px; border: 1px solid gray; background-color: #fff; overflow: scroll; } #overflowTest1 { width: 90%; height: 320px; margin: 0 auto; padding: 4px; border: 1px solid gray; background-color: #fff; overflow: scroll; } .clear-all { width: 90%; height: 30px; margin: 10px auto 0; line-height: 30px; text-align: center; font-size: 16px; border: 1px solid gray; border-radius: 5px; }