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

Question

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

这是示例：http: //jsfiddle.net/yHERk/10/

现在我的屏幕分辨率.skicked就在.container. 但如果我只是调整结果窗口的大小，它就会改变。有没有一种简单的方法来做我想做的事情？

谢谢你。

Answer 1

目前，您的.stickeddiv 没有相对父级来保存它，因此它会根据重新调整大小移动。

.sticked div在里面添加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;
}

​<strong> DEMO