elementUI布局好像不太受控制？

原创

菜菜有点菜

发布于 2023-12-22 20:55:18

1530

发布于 2023-12-22 20:55:18

文章被收录于专栏：白菜博客

代码如下

问题展示：

经过分析代码发现：

整个html结构不对。。。

最后修复的代码

    <style>
        html, body {
            height: 100%;
            margin: 0;
            font-family: Arial, sans-serif;
            display: flex;
            flex-direction: column;
        }
        #app {
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        el-footer {
            text-align: center;
            margin-top: auto;
        }
    </style>