如何使div填充屏幕宽度的100%答案

【问题标题】：how to make the div fill 100% of the width of the screen如何使div填充屏幕宽度的100%
【发布时间】：2022-12-14 00:07:05
【问题描述】：

我想让一个 div 颜色变成粉红色，我想让它向右倾斜但是当我这样做时，div 并没有占据屏幕宽度的 100%。

<html>
<div class="parent">
   <div class="backgroundColor"><div>
</div>
</html>

<css>
    .backgroundColor{
       width: 100%;
       height: 160px;
       margin: 100px 0px 0px 0px;
       background-color: pink;
       transform: rotate(-9deg);
    }
<css>

当我这样做时，div 的右上角和左下角没有填满整个屏幕。如何在不在屏幕底部添加滚动条的情况下使角落填满屏幕的整个宽度？

【问题讨论】：

标签： html css

【解决方案1】：

要避免滚动条，请在 body 标签上使用 style="overflow: hidden;"

【讨论】：