我想让div的颜色为粉红色，并希望它向右倾斜但是当我这样做的时候div并没有占据屏幕宽度的100%。我还设置了body magin和padding为0，但仍然不起作用
<html>
<div class="parent">
<div class="backgroundColor"><div>
</div>
</html>
<css>
.body{
margin: 0px;
padding: 0px;
}
.backgroundColor{
width: 100%;
height: 160px;
margin: 100px 0px 0px 0px;
background-color: pink;
transform: rotate(-9deg);
}
<css>
当我这样做的时候，div的右上角和左下角没有填充整个屏幕。如何使角填充屏幕的整个宽度，而不添加滚动条在屏幕底部?
你可以试试这个html和css
<div class="bg"></div>
.bg {
width:100%;
height:300px;
background-color:red;
-webkit-clip-path: polygon(0 39%, 100% 14%, 100% 28%, 100% 45%, 0 68%);
clip-path: polygon(0 39%, 100% 14%, 100% 28%, 100% 45%, 0 68%);}
避免滚动条，在body标签上使用style="overflow: hidden;"