2

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

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

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

4

4 回答 4

10

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

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

div#productMainWrapper div#pmwRightContainer1 {
    color: #000000;
    float: right;
    height: 215px;
    overflow: visible; //changed
    padding: 8px 13px 0 0;
    width: 295px;
}
于 2012-05-31T22:28:55.227 回答
5

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

将溢出更改为可见。

    div#productMainWrapper div#pmwRightContainer1 {

    overflow: visible;

}
于 2012-05-31T22:26:16.257 回答
0

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

于 2012-05-31T22:27:38.903 回答
0

根据其在代码中的布局方式和调用方式，我建议将弹出窗口“定位”到站点的 man 窗口，而不是具有按钮的容器。追到现在？基本上你有一个有你的按钮和内容的DIV，现在你的弹出窗口要么设置为目标那个div，要么没有设置任何参数，所以无论如何它都是以那个div为目标的。例如 target= _blank 用于 HTML 或 CSS display: block;

以下是使用顺序和无序列表的弹出菜单。将 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;
}
于 2012-05-31T22:43:32.630 回答