绝对和固定定位在一起

马诺洛

如您在本页中所见:http : //pitchfork.com/,右侧有一些音频元素。我检查了它们,它们似乎有绝对的定位。但是,如果向下滚动,则会看到它们已修复。

如何实现这种行为?可以是绝对定位和固定定位的元素吗?

马诺洛

这是我找到的唯一方法:就像@DreamTek所说:

<div id="relative-layer">
    <div id="fixed-layer">
    </div>
</div>

并在样式文件中:

#relative-layer {
    position:relative;
}

#fixed-layer {
    position: fixed;
    margin-top: 10px;
    margin-left: 10px;
}

因为使用topright规则相对于窗口放置图层,但是如果使用margin-top和规则margin-left,则相对于父图层放置图层。

JSFIDDLE:http : //jsfiddle.net/9HQ4b/1/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

列表项堆叠在一起,绝对定位

来自分类Dev

将z-index与相对和绝对定位一起使用

来自分类Dev

Flyway和Liquibase在一起?

来自分类Dev

绝对定位的psuedo元素与父级一起滚动

来自分类Dev

Python urljoin 没有正确地将相对和绝对 url 连接在一起

来自分类Dev

如何使用CSS和jeet使父级全屏div与绝对定位的子级一起成长?

来自分类Dev

将固定的侧边栏和流体内容与推拉类结合在一起

来自分类Dev

如何将固定的月份和日期与sql year函数结合在一起?

来自分类Dev

从固定定位到静态

来自分类Dev

绝对定位在div之外

来自分类Dev

“ Npm install --global”和“ --save”在一起吗?

来自分类Dev

将StringFormat和Converter绑定在一起

来自分类Dev

hadoop和elasticsearch在一起怎么办?

来自分类Dev

MongoDB Query组和不同的在一起

来自分类Dev

MySQL触发器和事件在一起?

来自分类Dev

将Matplotlib和Sympy的图放在一起

来自分类Dev

将StringFormat和Converter绑定在一起

来自分类Dev

将Nginx和Gunicorn连接在一起

来自分类Dev

MySQL的触发器和事件在一起?

来自分类Dev

if和else陈述混在一起

来自分类Dev

MongoDB Query组和不同的在一起

来自分类Dev

CSS:“属性选择器”和“ not()”在一起

来自分类Dev

jQuery验证与keyup和模糊在一起

来自分类Dev

将Lubuntu和Kubuntu在一起

来自分类Dev

LINQ查询与或和运算符在一起

来自分类Dev

ViewHolders中的按钮和链接混杂在一起

来自分类Dev

Mockito和ReloadableResourceBundleMessageSource在一起不好吗?

来自分类Dev

不可复制和不可移动在一起?

来自分类Dev

Mysql SELECT行NOT IN和GROUP在一起