外部父div

Question

我在另一个div中彼此相邻有3个div 当我将鼠标悬停在div上时，div弹出。
这可以正常工作，但正如您在图像中看到的那样，div内容由他的父div（红色/粉红色垂直条）切割。
如何使内容可见？

Complete JS Fiddle Demo

.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;
}

Answer 1

根据您的要求，我认为这更合适。

DEMO

<强> CSS

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