css定位:固定定位

CSS固定定位

Last Updated on

CSS固定定位:了解这种定位差异以及固定位置如何工作。固定定位(position: fixed)的元素会相对于浏览器视窗来定位,这意味着即便页面卷动,它还是会固定在相同的位置,和 relative 一样,我们会使用 top 、 right 、 bottom 和 left 属性来定位。我相信你已经注意到页面右下角的固定定位元素,你现在可以注意看一下,这里有它所使用的 CSS 样式。

.fixed {
position: fixed;
bottom: 0;
right: 0;
width: 200px;
background-color: white;
}

固定定位元素不会保留它原本在页面应有的空间,不会跟其他元素的配置互相干扰。令人惊讶的是,行动版装置上的浏览器对 fixed 的支援度比想像的还差很多。

Last modified: 2019年11月13日

前一篇

CSS学习系列

css定位:绝对定位

css绝对定位:absolute应该是最吊诡的position属性值。 absolute 与 fixed 的行为很像,不一样的地方在于 absolute 元素的定位是在他所处上层容器的相对位置。

...

后一篇

CSS学习系列

CSS剪裁和遮罩

Last Updated on 2019年11月13日在计算机图形学领域,剪切和掩蔽是两种非常常见的操作。 它 …

...