CSS 定位练习场

选择定位方式并填写偏移量,生成对应的 position 定位代码,直接复制即可使用。

定位参数 等待输入

偏移量可填数字或带单位的值,留空表示不使用。

定位代码
定位—
顶部—
左侧—
状态—
选择定位方式后,点击“生成代码”查看 position 定位代码。

留空的偏移量不会输出,sticky 通常需要 top 或 bottom。

使用说明
  • static 会忽略偏移量。
  • 留空的偏移量不会输出。
  • sticky 需配合 top/bottom 使用。
  • 不作任何浏览器兼容性保证。
  • 全部在浏览器本地生成。