css – 相对于父元素的固定位置

我对CSS比较陌生.我遇到了一个问题,我试图修复其父元素旁边的元素.我可以使用以下代码执行此操作：

父元素：

#search_results{
position:relative;
}

子元素：

.@R_426_10586@l {
position: fixed;
top:10px;
width:250px;
left: 75%;
/*overflow: hidden;*/
margin-left: -125px;
}

这可以正常工作,直到调整浏览器窗口大小.发生这种情况时,固定元素与其父元素重叠.你可以在这里看到我的问题：
Twittiment

我试图将子元素修复到页面的顶部和父元素的右侧.有任何想法吗？