目录

CSS中固定定位

CSS中固定定位

1.如何设置为固定定位?

给元素设置 position: fixed 即可实现固定定位.

可以使用 left, right, top ,bottom 四个属性调整位置

2.固定定位的参考点在哪里?

参考他的视口

视口–>对于PC浏览器来说,视口就是我们看网页的那扇"窗户".

3.固定定位元素的特点

1.脱离文档流,会对后面的兄弟元素,父元素有影响.

letf 不能和 right 一起设置, top 和 bottom 不能一起设置;

3.固定定位和浮动不能同时设置,如果同时设置,浮动失效,以固定定位为主.

4.固定定位的元素,也能通过 margin 调整位置,但不推荐这样做

5.无论是什么元素(行内,行内块,块级)设置为固定定位之后,都变成了定位元素.