* { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; } section { background-color: #f5f5f5; .content { padding: 15px 50px; margin: auto; .all { display: inline-block; h2 { font-weight: 600; color: #cb1919; float: left; padding-bottom: 10px; } } .cartList { border-top: 2px solid #cb1919; .whoil { width: 100%; background-color: #f3f3f3; border: 1px solid #e0e0e0; margin-bottom: 20px; display: inline-flex; li { padding: 20px 46px; &:nth-child(1) { padding: 20px 10px; img { margin-left: 10px; } } &:nth-child(3) { width: 800px; } &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7) { float: right; } } } // .checklist { // // padding: 20px 5px; // &:nth-child(1) { // padding: 20px 5px; // } // // &:nth-child(3) { // // width: 800px; // // } // // &:nth-child(4), // // &:nth-child(5), // // &:nth-child(6), // // &:nth-child(7) { // // width: 120px; // // padding: 20px 46px; // // } // } ul { width: 100%; background-color: #f3f3f3; border: 1px solid #e0e0e0; display: inline-flex; li { &:nth-child(1) { padding: 20px 5px; img { margin-left: 20px; margin-top: -10px; } } &:nth-child(2) { padding: 25px 15px; width: 400px; } &:nth-child(3) { width: 300px; } &:nth-child(5) { padding: 20px 5px; input { border: 0; // 去除未选中状态边框 outline: none; // 去除选中状态边框 background-color: rgba(0, 0, 0, 0); // 透明背景 } } &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7) { margin: auto; float: right; } } } ol { display: inline-flex; width: 100%; background-color: #f3f3f3; border: 1px solid #e0e0e0; } } } }