Element form-item height inconsistency results in float: left to right

The problem

With Layout, each item adds a float: left attribute. The form-item in the item that should be left does not flow to the left.

why

Float: left Float: left float: left float: left float: left float: left float: left float An extra 1px on the left;

Continue exploring the cause of form-item__content being 1px larger than the child element

The solution

Setting line-height:34px for el-form-item__content solves the problem

The reason why the parent element is 1px more than the child element has not been found or solved. But since form-item_label is fixed in height, lowering the content height means that the parent form-item element is braced by the label.

Setting heigh to a fixed height causes problems when content is multiple lines.