固定父母內部相對定位div

Question

我需要固定父母內部相對定位div。

我有一個網站，一切都是相對免除固定彈出窗口，它打開一個按鈕單擊。這個彈出窗口應該是100％寬度和100％高度，因此它覆蓋整個頁面。

裏面彈出窗口欲上左側這是60％的寬度，並相對於DIV上右側（40％的寬度，自動高度），這是可用的滾動固定 DIV。

事實上，這很難解釋，所以我做了小提琴。在這個例子中，我想滾動橙色div而不是滾動藍色div。是否有可能改變滾動條的焦點？

<div id='container'> 
    <div id='inside-fixed-div'> 
    <div id='left-fixed-container'></div> 
    <div id='right-relative-container'> 
    </div> 
    </div> 
</div> 

https://jsfiddle.net/87x8dwn6/

Answer 1

要刪除藍色滾動，我需要除去1200px高度上#container設置並用100％替換該值。除非父母身高也是100％，否則100％身高將無法工作。因此，需要這個100％身高的父母將成爲文檔根和身體。

html, body { 
    margin: 0; 
    height: 100%; 
} 

#container{ 
    ... 
    height: 100%; 
} 

另外，我設置溢出汽車和高度，以100％的#right-relative-container。

#right-relative-container{ 
    ... 
    height: 100%; 
    overflow: auto; 
    ... 
} 

結果（GIF的質量是不是很大 - 道歉）

演示 http://codepen.io/antibland/pen/eZjxom