固定与绝对 [英] Fixed vs. absolute
问题描述
所以我检查了网站,发现问题与我所寻找的问题很接近,但又不完全相同。
So I've checked the site and I've seen questions close to what I am looking for but not exactly the same.
我正试图找出答案如何定位元素,以便在滚动(上/下)时位置是固定的,但是在调整浏览器大小(左/右)时位置是绝对或相对。
I am trying to figure out how to position an element so that when scrolled (up / down) the position is fixed, but when the browser is resize (left / right) the position is absolute or relative.
基本上,我想从浏览器窗口的左上角放置一个元素(例如,占10%),并使其停留在滚动/窗口调整大小上。
Essentially I want to place an element 10% (for example) from the top left of the browser window and have it stay there on scroll /window resize.
推荐答案
即使浏览器滚动/调整大小,如果您想要的内容始终固定在某个位置,则可以针对CSS尝试尝试此操作
if what you want is always fixed in some position even if the browser is scrolled / resized, you may try this for your css
.fixedelement {
position: fixed;
top: 10%;
left: 10%;
width: 80%; /*my example*/
height: 10%;
}
这篇关于固定与绝对的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!