我对CSS比较陌生.我遇到了一个问题,我试图修复其父元素旁边的元素.我可以使用以下代码执行此操作：
父元素：
#search_results{
position:relative;
}
子元素：
.total {
position: fixed;
top:10px;
width:250px;
left: 75%;
/*overflow: hidden;*/
margin-left: -125px;
}
这可以正常工作,直到调整浏览器窗口大小.发生这种情况时,固定元素与其父元素重叠.你可以在这里看到我的问题：
Twittiment
我试图将子元素修复到页面的顶部和父元素的右侧.有任何想法吗？
解决方法
根据CSS Spec,固定的元素固定在视口而不是包含元素.
所以简短的回答是NO,你不能拥有相对于它的父元素的固定位置元素.你可以使用position：absolute;而是使用jQuery / JS在运行时调整左上角的右下角参数.
