Question

我有一个按钮，在悬停时会显示一个弹出窗口。此按钮位于div内，弹出div正被其中一个包含的div切断。

将鼠标悬停在“保存到列表”按钮上，您将看到。

http://dev.iqcatalogs.com/avcat/ctl1642/index.cfm?manufacturer=tandberg&product=cisco-tracker-remote-control

Answer 1

这是因为您的周围div设置为overflow:auto。

尝试将其更改为溢出：可见

div#productMainWrapper div#pmwRightContainer1 {
    color: #000000;
    float: right;
    height: 215px;
    overflow: visible; //changed
    padding: 8px 13px 0 0;
    width: 295px;
}

Answer 2

问题是div＃productMainWrapper div＃pmwRightContainer1不允许溢出的子元素完全显示。

将溢出更改为可见。

    div#productMainWrapper div#pmwRightContainer1 {

    overflow: visible;

}

Answer 3

这是因为它在你的div中有溢出auto。尝试将它放在盒子外面并使用定位来放置它

Answer 4

根据它在代码中的布局以及如何进行调用，我建议将弹出窗口“定位”为站点man窗口而不是具有按钮的容器。到目前为止？基本上你有你的按钮和内容的DIV，现在你的弹出窗口设置为目标div或没有参数设置所以它无论如何都是针对div。例如，对于HTML或CSS显示的target = _blank：block;

以下是使用订单和无序列表的弹出菜单。 substitue li和ul为你的div ID。也没有定位，我需要根据您的网站需要进行编辑。

#button li:hover > ul
{
        display: block;
}


/* PopOut */
#button ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
}

popup DIV被容器DIV切断

4 个答案: