The height property sets the height of block or replaceable elements (such as img). The height does not include the thickness of the borders around the element, the value of padding and margins.
If the content of the block exceeds the specified height, then the height of the element will remain unchanged, and the content will be displayed on top of it. This feature can cause element content to overlap when elements are sequential in the HTML code. To prevent this from happening, add overflow: auto to the element's style.
height: length | percentage | auto;