响应式设计中的固定位置 [英] Fixed Position in responsive design

问题描述

我使用响应框架1140px。在移动版本中，我必须固定徽标的位置，但不能重叠滚动上的内容。

I am using responsive framework 1140px. In the mobile version I have to fix the position of a logo but not have it overlap the content on scroll. Basically fix the position but don't fix the image on scroll, can this be achieved?

推荐答案

看起来你想要的是 position：absolute ，区别在于绝对图片在滚动时不会移动。

http://www.impressivewebs.com/absolute-position-css/

It appears that you want is position: absolute, the difference being that absolute images do not move while scrolling.
http://www.impressivewebs.com/absolute-position-css/

值得一看这个链接，以查看相对，绝对和固定位置之间的差异：

http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

It's worth taking a look at this link in order to see the differences between relative, absolute, and fixed positioning:
http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

这篇关于响应式设计中的固定位置的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！