Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 调整浏览器大小时,如何将每个元素固定在同一位置?_Css_Fixed_Elements_Scrollable - Fatal编程技术网

Css 调整浏览器大小时,如何将每个元素固定在同一位置?

Css 调整浏览器大小时,如何将每个元素固定在同一位置?,css,fixed,elements,scrollable,Css,Fixed,Elements,Scrollable,有人告诉我,如何用css修复所有元素,意味着无论我们如何处理浏览器的高度和宽度,元素都不应该移动吗?或者元素不应该相对于浏览器的高度和宽度移动,页面也应该可以滚动 将position:absolute应用于元素将使其相对于文档保持固定。也就是说,它将与文档一起滚动 应用position:fixed将使其相对于浏览器窗口保持固定。也就是说,如果滚动文档,它将不会移动 使用这些位置值中的每一个,您可以指定顶部、右侧、底部和左侧的组合来指定它们的位置。例如,以下样式将修复非常靠近浏览器窗口右上角的元素

有人告诉我,如何用css修复所有元素,意味着无论我们如何处理浏览器的高度和宽度,元素都不应该移动吗?或者元素不应该相对于浏览器的高度和宽度移动,页面也应该可以滚动

position:absolute
应用于元素将使其相对于文档保持固定。也就是说,它将与文档一起滚动

应用
position:fixed
将使其相对于浏览器窗口保持固定。也就是说,如果滚动文档,它将不会移动

使用这些
位置
值中的每一个,您可以指定
顶部
右侧
底部
左侧
的组合来指定它们的位置。例如,以下样式将修复非常靠近浏览器窗口右上角的元素(它不会随文档滚动):


我相信你正在寻找
位置:绝对的
。我不是有意粗鲁,但是任何css教程都会教你。。。你只要找一下就行了!给
主体
元素一个固定的宽度,然后把你的元素放进去。不,我不介意。事实上,我相信有时候专家也会犯一些小错误。我尝试了position:absolute,但当我调整浏览器大小时div仍在移动。谢谢你的简短回答。这对我帮助很大P
.topright {
    position: fixed;
    top: 5px;
    right: 5px;
}