el-container布局布满全屏

### 回答1：
要让el-container布局布满全屏，可以在其父元素上设置height: 100%和width: 100%，同时在el-container上设置height: 100%和width: 100%。这样就可以让el-container布局充满整个屏幕。

### 回答2：
el-container是一个常用的布局组件，在element UI中提供了很多方便的功能。如果要让el-container布局布满全屏，可以通过以下方式实现：

1. 设置el-container的高度为100vh。vh是视口高度单位，设置为100表示整个屏幕高度，因此el-container的高度就会占满整个屏幕。

2. 使用flex布局，将el-container的flex属性设置为1。这样el-container会自动填满剩余的空间，从而实现布局全屏。

3. 如果el-container的上下左右边距已经为0，那么它就是撑满整个屏幕的。

4. 最后就是针对不同的viewport大小进行响应式布局。

总之，通过一些简单的css样式设置，就可以让el-container布局布满全屏，从而让页面更加美观、自然。关键是我们要熟练掌握element UI框架和css样式的使用技巧，这样才能更好地实现我们想要的布局效果。

### 回答3：
el-container布局是一款简单、易用且高效的页面布局组件，可用于创建全屏布局。借助el-container，您可以轻松地创建一个完整的布局，包括头部、内容和页脚等部分。最重要的是，el-container布局可以完全占满整个屏幕，帮助您实现网站的响应式设计，同时也可以应用于移动端的页面设计。

要让el-container布局完全占满屏幕，可以采用以下步骤：

1. 首先，在您的Vue组件中引入el-container组件，并在template中书写el-container布局

    <template>
        <el-container>
            <!-- 您的页面内容 -->
        </el-container>
    </template>

2. 在样式表中使用CSS对el-container进行布局，包括设置宽度和高度以及定位属性等。

    html,body{
        height:100%;
        width:100%;
        overflow-y:auto;
        margin:0;
        padding:0;
    }

    .el-container{
        height:100%;
        width:100%;
        position:absolute;
        left:0;
        top:0;
    }

在这段代码中，我们对html和body元素进行了一些基础样式的设置，确保页面布局可以完全占满屏幕。随后，我们对el-container类进行了样式设置，其中使用了绝对定位，将el-container组件固定在页面的左上角，然后设置height和width为100%，这样el-container布局就可以完全占满屏幕了。

3. 最后，在组件中添加其他的el组件，比如el-header、el-aside、el-main和el-footer，根据需求进行布局排版即可。

总的来说，借助el-container布局组件的设置，可以很方便地实现页面的全屏布局，使得网站的响应式设计更加完美，用户体验更加优秀。