2015-10-26 66 views
1

在內部div中我有一些內容,我想要在外部div上方和外部顯示。在外部div上方顯示內部div

我正在尋找一個CSS類來顯示所有其他內容以上的內容。 我想用css溢出修復它,但我可以修復它。

這是因爲左右填充。並且應該在類「item」的div的填充左側顯示。

我需要使用什麼類?

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

什麼是您的html/css代碼? – ashkufaraz

+0

分享您的代碼 – soorapadman

+0

請張貼您的html/css代碼和預期輸出的圖像。 –

回答

1

z-index屬性指定的元素的堆疊順序。

堆棧順序較大的元素始終位於堆棧順序較低的元素前面。 (VAL)PX -

CSS z-index Property

0

您可以通過位置設置爲內股利relative,然後改變top屬性爲做到這一點。 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