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

Javascript 相对定位粘贴(固定)元件,javascript,html,css,Javascript,Html,Css,如何将固定的元素定位在div左侧,并处理调整大小事件 下面是一个例子: 现在在我的屏幕上,分辨率.skicked位于.container的左侧。但是如果我简单地调整结果窗口的大小,它就会改变。有没有一个简单的方法来做我想做的事 谢谢。当前,您的.stickeddiv没有相对的父对象来容纳它,因此它会根据重新调整的大小移动 在容器分区内添加.stickeddiv。 CSS .container { width: 300px; margin-left: auto; margi

如何将
固定的
元素定位在
div
左侧,并处理调整大小事件

下面是一个例子:

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


谢谢。

当前,您的
.sticked
div没有相对的父对象来容纳它,因此它会根据重新调整的大小移动

容器分区内添加
.sticked
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;
}

不。您将其设置为绝对值,但在滚动时必须将其固定在一个位置。在cas中,每个人都会发生这种情况,因为固定div与任何父div都不相关。查看此网站,他们在右侧有固定div,当您调整浏览器大小时,它会覆盖内容,就像您的示例中发生的情况一样。