子div內容不是外親子div

我得到3個div在另一個div中彼此相鄰。
當我將鼠標懸停在div上時，div彈出窗口。
這是工作，但正如你可以在圖像中看到的div內容是由他的父div（紅色/粉紅色垂直欄）切割。
如何讓內容可見？

.pakket { 
    width: 291px; 
    height: 371px; 
    border: 1px solid #F5F5EF; 
    float: left; 
    background: url(../images/view.png) no-repeat bottom right; 
    margin-left: -1px; 
    z-index: 1; 
} 

.pakket:hover { 
    background: #ffffff; 
    border: 1px solid #5A5858; 
    width: 315px; 
    height: 390px; 
    margin: -10px -13px -15px -12px; 
    z-index: 2; 
    position: relative; 
}

來源

2015-09-03 FamousWolluf

創建一些[DEMO]（http://www.jsfiddle.net）或張貼相關的HTML代碼。無代碼無解決方案。 – divy3993

我用jsfiddle演示編輯了這個問題 – FamousWolluf

原因是您爲.packet指定的邊距：懸停在css中。更好地與變換：規模。我有更好的解決方案。可以使用它嗎？ – divy3993

按您的要求，我認爲這將是更適合。

DEMO

CSS

.ma-main-container.col1-layout { 
    margin: 20px; 
    overflow:visible; 
    width: 100%; 
}

來源

2015-09-03 12:07:17 divy3993

我只是想發佈相同的解決方案，我已經刪除了溢出。我從來沒有使用過這個CSS元素，所以我不知道它做了什麼。感謝與我思考解決方案。 – FamousWolluf

很高興它爲你工作。 :) – divy3993

我現在有這個問題。當您將鼠標懸停在div上時，div不會對齊。我創建了一個新的更新的JSFiddle。您需要調整結果視圖，以便您可以看到彼此相鄰的至少3個div。 http://jsfiddle.net/famouswolluf/7cv52cay/1/ – FamousWolluf

子div內容不是外親子div

回答

相關問題