Vl: adaptive to the height of a part based on the height of the view, and adaptive to

Vl: adaptive to the height of a part based on the height of the view, and adaptive to

The unit of relative length in CSS3, indicating the relative Viewport Height. Each view is divided into 100-unit-of-text-seconds (that is, 1-second.

It can be used to solve the embarrassing problem of too much white at the bottom of the page when the content of the subject is insufficient to support the remaining height of the view.

Demo:

<! DOCTYPE html> 
Page effect: