在响应式设计中固定位置

时间:2013-03-27 00:41:59

标签: css scroll responsive-design css-position

我正在使用响应式框架1140px。在移动版本中,我必须修复徽标的位置,但不要将其与滚动内容重叠。基本上固定位置,但不要将图像固定在滚动上,这可以实现吗?

2 个答案:

答案 0 :(得分:6)

您想使用position:absolute

  • position:fixed将元素修复到屏幕,因此当您滚动(它固定在窗口中)时它不会移动。

  • position:absolute根据距离ancestor最近的position:static修复元素,因此当您滚动页面时它会移动(它固定在页面上)。< / p>

答案 1 :(得分:3)

看起来你想要的是position: absolute,不同之处在于绝对图像在滚动时不会移动 http://www.impressivewebs.com/absolute-position-css/

值得看一下这个链接,以便了解相对,绝对和固定位置之间的差异:
http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/