如何让块级元素与浏览器窗口等高

#如果想让该div撑满整个浏览器窗口

如何让div撑满整个浏览器窗口

如果直接这样设置达不到预期的结果

div {
        width: 100%;
        height: 100%;
        background-color: pink;
      }

效果如下

原因为:浏览器计算宽度时只会参考浏览器窗口的宽度，默认将块级内容平铺填满整个横向宽度
如果想让一个元素的百分比高度height: 100%;起作用，你需要给这个元素的所有父元素的高度设定一个有效值。
例如:在body中只有一个子元素div，该div的所有父元素就有：body和html

   html,body{
        width: 100%;
        height: 100%;
      }
      div {
        width: 100%;
        height: 100%;
        background-color: pink;
      }

此时div将撑满整个浏览器窗口