How to set height in html

In html, you can use the height attribute to set the height. You only need to set the "height: length value" style for the element; the unit of the length value can be px, cm, etc., or it can be set based on the element containing it. "%" of the block-level object's percentage height. The height attribute does not include padding, borders, or margins.

The operating environment of this tutorial: Windows7 system, CSS3&&HTML5 version, Dell G3 computer.

First create a new html page and set it to height.html, and set the title to "html set page height".

Add a div to the body of the html page and set the style class name to class, mainly to add styles to the div to set the height

Set a red border in .class, a green div with a background color and set the height to 500 pixels

If you want To set the border height of the div to be the same as the body, or to automatically increase the adaptive height as the content in the div continues to increase, set the height of the div style to 100%, so that it will increase as the height of the page increases

If the browser supports the css3 standard, you can set the height unit to vh

Set the height of the .class in the style to the standard height of CSS3: 100vh so that the div does not need the height of the child elements to adapt to the height, and it can completely occupy the height of the browser page

Recommended learning: html video tutorial

The above is the detailed content of How to set height in html. For more information, please follow other related articles on the PHP Chinese website!