固定元件位置與父母而不是視

定位元素在固定的右側和頂部相對於視

我在做什麼：

設置位置：固定;該元件
計算權及相關的頂部，設置它的元素

發生什麼呢？

元素的任何地方是因爲我想
但元素用相同的樣式（固定位置和右&頂部）的模式獲得定位相對於他的父母的行爲（這是發生在引導模態）

代碼示例 元件樣式：

張

.fixed-floater { 
    top: 300px; 
    right: 151px; 
    text-align: left; 
    display: block; 
    min-width: 180px; 
    position: fixed; 
    z-index: 999; 
    padding: 4px; 
}

圖片：

來源

2015-04-06 Cuzi

，是你的模態的任何機會的iframe？ – adeneo 2015-04-06 10:59:43

沒有它的一個正常的div – Cuzi 2015-04-06 11:00:38

你能發佈你的html嗎？ – Michelangelo 2015-04-06 11:01:29

發生什麼（據我所知）

模式容納有（從自舉） transform的默認值：translate（0，0）;

由W3規範：與位置

元件：固定總是相對於初始包含塊。

W3 Wiki

這些屬性的某些值導致創建一個包含塊的

和

對於其佈局由CSS盒模型支配元素，變換之外的任何值都不會導致創建堆棧上下文和包含塊。該對象充當固定位置後代的包含塊。所以 W3 Transform Specification

通過上述提到的，翻譯變換設置的模態作爲內部他固定元件，而不是身體的「含初始塊」。

來源

2015-04-06 11:41:51 Cuzi

如果有書面上的任何其父元素的任何CSS關鍵幀動畫，這可能發生。

嘗試刪除爲關鍵幀動畫編寫的類並檢查。它可能工作。

來源

2015-04-06 11:21:33

我認爲這個固定與模態div有關。檢查你是否在模態div上給了position:relative。如果你這樣做刪除位置：相對並進行位置：相對於查看端口

像

.view-port{ 
position:relative 
}

來源

2015-04-06 11:26:34 Muthukumar

TL; DR：

覆蓋的特定模式的.modal，對話與

transform: none;

來源

2017-10-06 12:28:36 downhand

固定元件位置與父母而不是視

回答

相關問題