Html 将第一个li元素设置为固定且与非固定li元素具有相同的布局

Html 将第一个li元素设置为固定且与非固定li元素具有相同的布局,html,css,flexbox,css-position,fixed-header-tables,Html,Css,Flexbox,Css Position,Fixed Header Tables,我发现第一个元素可以设置为位置:fixed以便它不会与其他元素一起滚动。如果我这样做,这个元素的布局将被破坏,即第二个li将与第一个li重叠 非固定状态 固定状态 正如您在屏幕截图上看到的,所有元素都向左移动,不再通过相应的表。我如何才能确保第一个元素被正确固定和定位 下面是我的示例中的代码: div{ 显示:块 } 保险商实验室{ 显示:表格 } 李:第一个孩子{ 位置:固定 } 标签 会话ID 会话开始 会话结束 供应商 统计数据 行动 锁门 efe5158d-f077-4d

我发现第一个
  • 元素可以设置为
    位置:fixed以便它不会与其他元素一起滚动。如果我这样做,这个元素的布局将被破坏,即第二个li将与第一个li重叠

    非固定状态

    固定状态

    正如您在屏幕截图上看到的,所有元素都向左移动,不再通过相应的表。我如何才能确保第一个元素被正确固定和定位

    下面是我的示例中的代码:

    div{
    显示:块
    }
    保险商实验室{
    显示:表格
    }
    李:第一个孩子{
    位置:固定
    }
    
    
    • 标签 会话ID 会话开始 会话结束 供应商 统计数据 行动
    • 锁门 efe5158d-f077-4d79-bddb-760559318d9a 21.1.2020 20:48:49 21.1.2020 20:49:12 asdjndfg 12 / 0 / 1. 单选按钮未选中 打圆圈 为工作而玩 信息
    • 锁门 efe5158d-f077-4d79-bddb-760559318d9a 21.1.2020 20:48:49 21.1.2020 20:49:12 asdjndfg 12 / 0 / 1. 单选按钮未选中 打圆圈 为工作而玩 信息
    • 锁门 efe5158d-f077-4d79-bddb-760559318d9a 21.1.2020 20:48:49 21.1.2020 20:49:12 asdjndfg 12 / 0 / 1. 单选按钮未选中 打圆圈 为工作而玩 信息
    • 锁门 efe5158d-f077-4d79-bddb-760559318d9a 21.1.2020 20:48:49 21.1.2020 20:49:12 asdjndfg 12 / 0 / 1. 单选按钮未选中 打圆圈 为工作而玩 信息
    • 锁门 efe5158d-f077-4d79-bddb-760559318d9a 21.1.2020 20:48:49 21.1.2020 20:49:12 asdjndfg 12 / 0 / 1. 单选按钮未选中 打圆圈 为工作而玩 信息
    • 锁门 efe5158d-f077-4d79-bddb-760559318d9a 21.1.2020 20:48:49 21.1.2020 20:49:12 asdjndfg 12 / 0 / 1. 单选按钮未选中 打圆圈 为工作而玩 信息
    • 锁门 efe5158d-f077-4d79-bddb-760559318d9a 21.1.2020 20:48:49 21.1.2020 20:49:12 asdjndfg 12 / 0 / 1. 单选按钮未选中 打圆圈 为工作而玩 信息
    • 锁门 efe5158d-f077-4d79-bddb-760559318d9a 21.1.2020 20:48:49 21.1.2020 20:49:12 asdjndfg 12 / 0 / 1. 单选按钮未选中 打圆圈 为工作而玩 信息
    • 锁门 efe5158d-f077-4d79-bddb-760559318d9a 21.1.2020 20:48:49 21.1.2020 20:49:12 asdjndfg 12 / 0 / 1. 单选按钮未选中 玩