position:fixed固定定位的用法

时间:2022-04-05 14:55:32

一、position:fixed;固定定位

  1.实现某个元素在可视窗口的居中位置显示

    1)给自身设置宽高;

    2)给自身加position:fixed;

    3)用margin向左移动自身宽度的一半,向上移动自身高度的一半;

  或:

    1)给自身设置宽高;

    2)再设置position:fixed;

    3)再给自身设置left:0;right:0;top:0;bottom:0;margin:auto;