Html Bootstrap，为什么定位：固定移动内容&；找不到行吗？

我一直认为我理解CSS定位，但后来又感到沮丧。确定当我有

位置：static

，即默认值时，我的页面如下所示（显示的inspect元素突出显示了包含日期选择器内容的

列xs-*

的父

行）：


我想保持该页面的所有内容完全相同，只是我想修复包含日期选择器内容的
列xs-*
，这样当页面向下滚动时（不是在小提琴示例中），它会浮在顶部。不管是
z-index
，我刚刚注意到，在我应用
位置：fixed
的那一刻，发生了一些有趣的事情。这里是一个屏幕截图，我再次检查元素，并试图突出显示已修复的
列xs-*
的父
行。注意两件事：1）父
行
在页面上没有以蓝色突出显示；不知道它去了哪里，2）由于某种原因，内容发生了右转。它不再以“为了比较”文本为中心


有人能给我解释一下这种行为吗？我想它一直在把我的代码弄乱。我的最终目标再次是像第一个快照一样保持所有内容居中，但只需修复
列xs-*

此小提琴中的代码：

相关的
列xs-*
具有id
日期行
对于任何类型的滚动，您需要使用
{位置：绝对；顶部：0；左侧：0；边距：0自动；}术语“自动”使页面内容水平居中。“绝对的”允许它作为一个整体移动。
如果我了解更多您想要的内容，我可以添加ul“包装器”来强制任何对象的位置
一旦您使用
位置：固定
您将元素从流中移除，引导定位不再适用，因此您必须将其居中，这是什么
转换：translateX（-50%）;做什么？它在x轴上移动元素，所以在这种情况下，它会将元素向左移动到其自身宽度的
50%
。啊，好吧，那么为什么我需要向左移动：50%呢？只是试着学习，这很有效