Html 得到一个；重叠“；Bootstrap divs的效果

所以我有一个全宽的行，我想有一个图像延伸到行的顶部和底部边界之外，这样看起来就像一个贴着丝带的网站。如何在CSS中实现这种“重叠”效果

据我所知，可以将div嵌套在彼此之间，也可以将它们并排浮动，但不能将较高的div放在较薄的div上，并使这种重叠效果生效。我错过了什么

我正在使用引导。。。如果有某种基于网格的解决方案，那就太棒了

编辑：代码！这是HTML

<div class="row-fluid redRibbon">
        <div class="bodyContainer">
            <img id="isocert" src="img/isocert.png">
        </div>
</div>

---

我会发布一张照片，但我没有足够的声誉：（

给你的

.row

样式或CSS规则

位置：相对；

现在给你的图像你想重叠的那一行

位置：绝对；

但是把它放在行内。现在它将相对你的

行放置，但是你可以用CSS属性
top
，
调整它的位置右
、
下
和
左
。此外，您可以使其比行大（通过CSS或图像属性）而且它不会影响
.行的尺寸
。如果它被其他元素切割，您可以给它一个更高的
z索引
。使用此值，您应该能够获得所需的效果

编辑

因此，您的代码最终可能看起来像这样：

.bodyContainer{
            padding: 15px;
            width: 800px;
            margin: auto;
        }    
.redRibbon{
            margin-top: 200px;
            background-color: #AF002A;
            color: white;
            position: relative;
        }

#isocert{
            overflow: visible;
            position: absolute;
            top: -50px;
        }

这里有一个例子：
一个选项（在没有提供任何代码的情况下）是使用相对定位来定位图像


div{
宽度：50%；
边框：1px纯灰；
保证金：25像素自动；
}
img{
浮动：左；
位置：相对位置；
顶部：50px；
左：-50px；
宽度：100px；
边框：1px纯红；
}

同一天，我们将为精英们献身。我们将为所有自由的发明家和自由的创造者提供一份尊严的宣言，甚至是一份自由的宣言
最大体表面积。在自然和解决方案的新领域内，身体的有效性是最明显的。类似于铜酸盐质量标准的累积量是最明显的！自然光减去太阳光
精神自由和精神自由

位置：相对的
？粘贴一些代码Mike..我们看不到，很难帮助。为什么对我们这么难Mike？你可以画一个你想要的草图，因为我不太确定我是否理解你的问题，正如其他人所说的，你需要发布一些代码以便在这里获得帮助。听起来这将是一个定位问题gh.在包含div上放置相对位置，在要特别定位的元素上放置绝对位置。添加了一些代码！我也看到了元素上的绝对位置，但是相对于文档顶部的位置不是吗？整个设置将在页面的一半左右。
.bodyContainer{
            padding: 15px;
            width: 800px;
            margin: auto;
        }    
.redRibbon{
            margin-top: 200px;
            background-color: #AF002A;
            color: white;
            position: relative;
        }

#isocert{
            overflow: visible;
            position: absolute;
            top: -50px;
        }