如何让一个元素占满视口

1、讲html和body设置为

html,body{
      width: 100%;
      height: 100%;
    }

 

html才是起作用的地方，html设置高100%后，就是视口高度了。

body是为了继承，单纯设置body没有用。

 

2、body下的contaienr元素设置100%高就好

 

这样不会出现滚动条，并且高度刚好是一个视口