簡單實現elementui的el-container布滿全屏

簡單實現elementui的el-container布滿全屏

簡單實現elementui的el-container布滿全屏
在使用elementui的布局元素的時候，會遇到一個問題，那就是照着官方文檔弄出來的布局元素不能實現滿屏。

我們從官方文檔拷貝實現的效果如圖：

很顯然，這不是我們想要的效果，我們要把它布滿全屏.
經過我的多次嘗試，我找到了一種解決辦法，解決代碼如下

<style type="text/css">
/*
	找到html標簽、body標簽，和掛載的標簽
	都給他們統一設置樣式
*/
  html,body,#app,.el-container{
        /*設置內部填充為0，幾個布局元素之間沒有間距*/
        padding: 0px;
         /*外部間距也是如此設置*/
        margin: 0px;
        /*統一設置高度為100%*/
        height: 100%;
    }
</style>

實現之后的效果圖如圖：

– 至此，恭喜你已經實現了el-container布滿全屏窗體了。
————————————————
版權聲明：本文為CSDN博主「如果只是如果——」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/Cdebai/article/details/90324070