外部父div时，子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%;
}