相对定位粘贴(固定)元件

时间:2012-10-25 10:55:37

标签: javascript html css

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

以下是示例:http://jsfiddle.net/yHErk/10/

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

谢谢。

1 个答案:

答案 0 :(得分:2)

目前,您的.sticked div没有相对父级来保持它,因此它会根据重新调整大小而移动。

.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;
}

<强> DEMO