calc自适应宽度以及高度 

.test {
  width: calc(100vw - 100px);
  // width: calc(100% - 100px);  只是当前盒子所占宽度100%-100px
  height: calc(100vh - 100px)        
}

　　宽度为页面整体宽度减去100px的宽度

　　高度为页面整体高度减去100px的高度

posted @ 2020-09-23 15:04  莫欺少年穷呐  阅读(728)  评论(0)  编辑  收藏  举报