相对定位粘贴（固定）元素

Question

如何在div的左侧定位fixed元素以处理调整大小事件？

这里的例子：http://jsfiddle.net/yHErk/10/

现在在我的屏幕分辨率.skicked是对在.container左侧。但如果我只是调整结果窗口的大小，它会改变。有没有简单的方法来做我想要的东西？

谢谢。

Answer 1

目前您的.sticked div没有相对父母来保存它，因此它正在根据重新大小移动。

添加.stickeddiv的container div.

CSS

.container { 
    width: 300px; 
    margin-left: auto; 
    margin-right: auto; 
    border: 1px solid; 
    background: #dedede; 
    padding: 10px; position:relative 
} 

.sticked { 
    position: absolute; 
    top: 100px; 
    left: -50px; 
    border: 1px solid; 
    border-radius: 5px; 
    padding: 10px; 
    background: white; 
} 

DEMO