彈出的DIV由容器DIV切斷

Question

我有一個按鈕，在懸停時顯示一個彈出窗口。此按鈕位於div內，彈出的div由其包含的div中的一個切斷。

將鼠標懸停在「保存到列表」按鈕上，您將看到。

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

Answer 1

問題是div＃DIV productMainWrapper＃pmwRightContainer1是不允許四溢子元素充分展示。

將溢出更改爲可見。

div#productMainWrapper div#pmwRightContainer1 { 

    overflow: visible; 

} 

Answer 2

這是因爲它是在你的div與溢出汽車。嘗試將它放在盒子外面並使用定位來放置它

Answer 3

這是因爲您的周圍div設置爲overflow:auto。

試圖改變它爲overflow：visible

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

Answer 4

取決於如何它的代碼佈局和調用是如何製造的，我會建議把跳隙「目標」網站的人的窗口，而不是隻有按鈕的容器。到目前爲止？基本上你有DIV，它有你的按鈕和內容，現在你的彈出或者被設置爲定位該div或者沒有參數被設置，因此它無論如何都是針對該div的。如target = _blank for HTML或CSS display：block;

以下是使用訂單和無序列表的彈出式菜單。用你的div ID替換li和ul。也沒有定位是我的，你需要編輯它，因爲你需要你的網站。

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


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