时间戳

首页 > 解决方案 > 隐藏背景颜色溢出 HTML/CSS

html - 隐藏背景颜色溢出 HTML/CSS

问题描述

我正在尝试放置一个背景颜色形状，例如在我的网站背景上旋转一个大 div，但问题是当我将此背景放置在我希望它成为它的位置时，它会在右侧和底部创建一个很大的边距（因为我为放置背景而创建的那个 div 的结尾）

这是我所做的：

.fill-2{
    position: absolute;
    top: 45%;
    width: 100%;
    z-index: -2;
    background-color: #A08823;
    opacity: 30%;
    height: 200vh;
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);  
} 
<body>
    <div class="fill-1"></div>
    <div class="container">
        <!-- my content -->
    </div>
    <div class="fill-2"></div>
</body>

标签： htmlcss

解决方案

添加溢出：隐藏；我希望这会奏效！干杯！

推荐阅读