Question

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

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

这是因为左右填充。并且应该使用类＆＃34; item＆＃34;。

显示在div的padding-left上

我需要使用哪个班级？

CODE：

<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>

Answer 1

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

堆栈顺序较大的元素始终位于堆栈顺序较低的元素前面。

CSS z-index Property

Answer 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。

在外部div上方显示内部div

2 个答案: