html - 使用 CSS 重现包含 div 效果的图像

标签 html css

<分区>


关闭 8 年前

基本上,我有 2 个 div。 我必须重现以下效果。 图像必须溢出包含的白色 div,就像在图像中一样。 我如何使用 css 做到这一点?

提前谢谢你 我尝试过使用使图像大小大于包含的 div,并放置 overflow-y:visible 和 overflow-x:hidden,但效果是在 div 的右侧添加了一个滚动条,这不是我想要的想。 what i must do

最佳答案

您可以通过在图像中定义 position:absolute 然后使用 topleft 属性定位它。

在这里,我已经为你做了例子:https://jsfiddle.net/hvkvf4px/

不要忘记在你的外部 div 上定义 position:relative(白色背景的那个)

关于html - 使用 CSS 重现包含 div 效果的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30510777/

上一篇:css - Flexbox 嵌套列

下一篇:javascript - 修复后如何在滚动条上居中 Bootstrap navbar-nav?

相关文章:

python - 使用 scrapy 抓取特定的表格元素

html - 根据屏幕大小隐藏和显示 bootstrap 3 类

javascript - 图像变换在每张幻灯片上旋转

html - 有没有办法修复 Outlook 2016 上的 HTML 电子邮件宽度?

javascript - 使用 JavaScript 控制 HTML5 视频播放器循环

python - BeautifulSoup:无法获取文本

html - 将 div 与 "position: fixed"居中对齐

css - 继承了哪些 CSS 属性?

html - 如何仅设置 p 标签内文本的样式

javascript - 删除 :active & :focus but not on :focus only 上的轮廓