css 如何使div填充屏幕宽度的100% [复制]

omvjsjqw 于 2022-12-15 发布在其他

关注(0)|答案(2)|浏览(140)

此问题在此处已有答案：

How wide is the default <body> margin?（3个答案）
昨天关门了。
我想把div颜色设置为粉红色，并且向右倾斜，但是当我这样做的时候，div并没有占据100%的sreen宽度。我还设置了body放大和填充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的右上角和左下角并没有填满整个屏幕，我怎样才能让这些角填满整个屏幕而不在屏幕底部添加滚动条呢？

css

来源：https://stackoverflow.com/questions/74787254/how-to-make-the-div-fill-100-of-the-width-of-the-screen

2条答案

按热度按时间

vaj7vani1#

你能试试这个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%);}

赞(0）回复(0）举报 2022-12-15

8gsdolmq2#

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

赞(0）回复(0）举报 2022-12-15