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,当您调整浏览器大小时,它会覆盖内容,就像您的示例中发生的情况一样。