The problem of vue website layout footer

Kotlin
IOS
VB.Net
SQL
Node.js
Swift
Ruby
Go
Oracle
Git
Laravel
Mongodb
Asp.Net
More...

recently write an introduction official with vue!

but there are only a few things in the page

some pages have many

footer components are fine when there is too much content on the page!
but when there is little content, they pile up in the middle of the screen. Is there any way to solve this problem except to add min-height to Main components?

<el-container>
  <el-header>Header</el-header>
  <el-main>Main</el-main>
  <el-footer>Footer</el-footer>
</el-container>

Element-ui css3 javascript vue.js

Aug.18,2021

Hello, landlord! You can also use absolute positioning to do this. Example:

footer</div>
        </div>
    </body>
</html>

Previous: The execution of shell script is interrupted until the command is entered manually.

Next: How to use filter in the console of Chrome developer tools?

False
Django, Why does the system automatically generate an empty session? every time the request is made?
Use python to convert dict1 to dict2, in the example. I tried for a long time but couldn't find a solution.
How to self-start the php-fpm service when building a LNMP environment with docker?
Can an array in react state be bound to a dom state using an element in the array?
Wechat browser version 6.6.5 cannot prevent the springback of pull-up and drop-down to the top under ios system.
In express+hbs, how do you define the routed data as a variable on the page?
How to use symbol reference of Iconfont in dva
How to elegantly add data to JSON objects?
Using node to build video streaming server
The proportional width of the echarts graph is inconsistent.
React uses axios to call the background data. After success, how to jump to the page based on the returned value?
I don't understand what a linux command means. Please explain it.
Vue introduces multiple components in vue-router by nesting named views, and does not refresh the same reference in other pages.
Running nodejs reports fewer errors ")"

Bootstrap has two input boxes for verification on the same line, one of which passes but shows red
Koa-body file upload ctx.request.files is undefined
Rem with flex layout problem
How to exclude specified files when packing by rollup
Why does the equals method of a class in java have to override the default equals method?