如何摆脱溢出水平滚动条?我有两个使用CSS3的对角线形状。我已经尝试了一切权利,但没有任何作品。我甚至把溢出:隐藏。如何摆脱对角线全屏布局中的水平滚动条?
有没有一种方法可以调整div .right,因此它不会出现水平滚动条?
我确定这是一个noob错误,但我需要另一双眼睛。
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.left{
width: 100%;
height: 500px;
background-color: #ff9a00;
position: absolute;
display: block;
left: -50%;
z-index: 3;
transform: skew(-45deg);
-o-transform: skew(-45deg);
-moz-transform: skew(-45deg);
-webkit-transform: skew(-45deg);
}
.right {
width: 100%;
height: 500px;
background-color: blue;
position: absolute;
display: block;
right: -50%;
z-index: 3;
transform: skew(-45deg);
-o-transform: skew(-45deg);
-moz-transform: skew(-45deg);
-webkit-transform: skew(-45deg);
overflow: hidden;
}
<div class="dual-screen">
<div class="row">
<div class="left"></div>
<div class="right"></div>
</div>
</div>
也许你应用溢出:隐藏到错误的元素,请尝试将溢出规则应用于class =“row”的div。溢出应该应用于您想隐藏孩子溢出的容器。 –
谢谢你的回应。 – PandaNinja