Title
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
- Content
Footer
Resolution:
1. make sure to set the height of the HTML and body labels to 100%, because the percentage height/degree of the sub-vertex is relative to the parent vertex, only when the root vertex is set to 100% can the height of the sub-vertex under the certificate be 100%;
Html
{
Min-Height: 100%;
Height: 100%;
}
Body
{
Margin: 0;
Padding: 0;/* Min-Height: 100% ;*/
Height: 100%;
}
2. the height of the header, content, and footer three keys must all be expressed in percentage. Otherwise, one of them uses JS keys to take the height (the sum of the window height-the height of other keys ), other values use a fixed height. only in this way can the height of each region be determined, and the screen can be restored.