定位一个固定的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/