.addFormBox { height: calc(100% - 40px); width: 100%; position: relative; .addForm { position: absolute; height: 100%; width: 600px; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 20px; .addTipMsg{ background:#ddd; padding-right:30px; border-radius:10px; } .addTip { height:10px; line-height: 10px; // background: pink; color: red; // position:absolute; // right:0 // float:right; } } .el-dialog { width: 360px; background: rgba(255, 255, 255, 1); box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2); border-radius: 4px; .el-dialog__header { padding: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } .el-dialog__body { padding: 0px !important; border: 1px solid transparent; .form_box { padding-bottom: 40px; .el-form { margin-bottom: 20px; .el-form-item { margin: 10px 50px 20px; .el-form-item__content { width: 280px; } } .el-input { width: 100%; } } .dialog-footer { border-top: 1px solid rgba(0,0,0,0.09); padding-top: 8px; .el-button { margin-right: 10px; padding: 8px 16px; } } } } } }