如何解决溢出:隐藏,相对亲不工作
[我想让我的作品看起来像这样] [1] [但是我的工作现在是这样的] [2]
垂直灰线是Web边框,所有其他div的宽度都不会超过该线。
现在,用户可以拖动并查看图像的其余部分。如果隐藏了图像的多余部分,那就更好了。
这是我的代码:
html:
<div class="container-div">
<img class="the-img" src="image.png" alt="">
</div>
css:
.container-div {
text-align: right;
position: relative;
}
.the-img {
position: absolute;
overflow: hidden;
width: 100%;
height: auto;
margin-top: 1vh;
margin-left: -75.5vw;
}
另外,在我确切的代码中,.container-div
的所有父div已经是position: relative;
我该如何解决?谢谢! [1]:https://i.stack.imgur.com/glA2q.png [2]:https://i.stack.imgur.com/LcBpO.png
解决方法
您是否尝试过在overflow: hidden
上添加.container-div
?
您绝对应该在父元素上放置class="share"
。
然后,您应该为其设置高度,浏览器无法在父元素上设置正确的高度,因为其子元素没有任何高度(由于绝对位置)。
overflow: hidden
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。