定位一個固定的div在另一個不起作用

Question

一個相關的問題是here和答案不適用於我。簡而言之，有2列左右。而右欄有一個孩子<div>或<section>什麼的。當頁面滾動時，孩子們不得滾動或移動。向孩子添加position: absolute可讓孩子與頁面一起滾動。並且position:fixed根據right:0或left:0，讓孩子出現在屏幕的最左側或最右側以及屏幕頂部。如何使這個固定在右欄內？

JSFIDDLE是here。

Answer 1

您可以修改.right-inner類按如下方式獲得所需的結果

.right-inner{ 
position: fixed; 
margin-right: 5%; 
text-align: middle;  
} 

看到更新Fiddle

Answer 2

而不是0，的.right的左位的值應爲（至少）左欄

例如寬度的值：

.right{ 
    position: fixed; 
    top: 0; 
    left: 360px; 
} 

你不需要.right包裝，所以我在這個叉子的小提琴elliminated它：http://jsfiddle.net/ynMYm/

Answer 3

試試這個：

.outer{ 
    display: block; 
    width: 600px; 
} 
.left{ 
    width: 350px; 
    border-right: 1px solid #555; 
    float: left; 
} 
.right{ 
    top: 0; 
    left: 0; 
    width: 250px; 
    margin-left:350px; 
    position: fixed; 
} 
.right-inner{ 
    position: fixed; 
} 

小提琴：http://jsfiddle.net/5wM4V/42/

全屏視圖：http://jsfiddle.net/5wM4V/42/embedded/result/