css-元素使用100vw|vh出现滚动条

给元素100vw与100vh,发现界面出现横向和竖向滚动条

...
<style>
    .container{
        width: 100vw;
        height: 100vh;
    }
</style>
<body>
    <div class="container"></div>
</body>
...

分析原因:body自带默认margin属性

解决办法:

*{
  padding: 0;
  margin: 0;
 }

 

posted @ 2023-02-24 10:23  南无、  阅读(754)  评论(0)    收藏  举报