在外部 div 上方显示内部 div答案

【问题标题】：Display inner div above outer div在外部 div 上方显示内部 div
【发布时间】：2015-10-26 17:42:40
【问题描述】：

在内部 div 中，我有一些内容，我想在外部 div 的上方和外部显示。

我正在寻找一个 CSS 类来将内容显示在所有其他内容之上。我想用 css 溢出来修复它，但我可以修复它。

这是因为左右填充。并且应该显示在带有“item”类的 div 的 padding-left 上。

我需要使用什么类？

代码：

<div class="item product col-sm-3 product-display-standard item-animated" style="padding-right: 15px; padding-left: 15px">
    <div class="tooltip fade top in">
        <div class="tooltip-inner">TEXT</div>
    </div>
</div>

【问题讨论】：

你的 html/css 代码是什么？
请同时发布您的 html/css 代码和预期输出的图像。
@ashkufaraz 编辑问题。
<div class="class=" tooltip-inner ">TEXT</div> 错了

标签： html css

【解决方案1】：

z-index 属性指定元素的堆栈顺序。

堆栈顺序较大的元素总是在堆栈顺序较低的元素之前。

CSS z-index Property

【讨论】：

【解决方案2】：

您可以通过将位置设置为内部 div 的 relative，然后将 top 属性更改为 -(val)px 来实现。 HTML：

<div class="outer">
    <div class="inner"></div>
</div>

CSS：

.outer {
    width: 100px;
    height: 100px;
    margin-top: 200px;
    border: 1px solid green;
}

.inner {
    width: 50px;
    height: 50px;
    border: 1px solid red;
    position: relative;
    top: -80px;
}

这里是jsFiddle。

【讨论】：