最新消息:周一至周五21:30分QQ群(161510483)直播,零基础免费学谷歌SEO,WEB前端,PHP入门教程

css定位:固定定位

CSS学习系列 林雍岷 166浏览

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

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

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

转载请注明:林雍岷 » css定位:固定定位