Html 位置固定div内div不工作

我有以下HTML和CSS

部分{
位置：相对位置；
左：50%；
转化：translateX（-50%）；
最大宽度：1147px；
右边填充：0；
左侧填充：0；
}
.第一分区{
显示器：flex；
柔性包装：包装；
宽度：100%；
证明内容：之间的空间；
}
.第一儿童部{
最大宽度：计算（60%-9px）；
宽度：100%；
}
.第二儿童组{
最大宽度：计算（34%-9px）；
宽度：100%；
位置：固定；
}

第一个孩子
第二胎

您应该删除位置：固定到第二个div。

检查您的id选择器，使用哈希字符而不是句号。因为您使用的是页面元素类而不是ID

.first_child_div{} .second_child_div{}

还可以使用第二个子div样式position:fixed；尝试将其更改为相对

元素在每个页面上都放置在相同的位置

这意味着，无论何时滚动，该元素都将位于同一位置

如果希望滚动元素，请执行以下操作：

#second_child_div{
    max-width: calc(34% - 9px);
    width: 100%;
    position: static;
}

该元件的位置根据泵的正常流量确定 文件

部分{
最大宽度：1147px；
右边填充：0；
左侧填充：0；
}
#第一分区{
显示器：flex；
柔性包装：包装；
宽度：100%；
证明内容：之间的空间；
位置：相对位置；
/*额外风格*/
背景：#f7f7f7；
填充：1rem；
}
#第一儿童组{
最大宽度：计算（60%-9px）；
宽度：100%；
/*额外风格*/
背景：#e8e8e8；
}
#第二儿童组{
最大宽度：计算（34%-9px）；
宽度：100%；
位置：固定；
右：0；
顶部：1rem；
/*额外风格*/
背景：#e8e8e8；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡<知识产权是一种权利，是一种权利，是一种权利，是一种权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

在这里，我为您制作了一个JSFIDLE，我为您制作了一个片段。请更改它以匹配您的问题，因为此

转换：translateX（-50%）在部分上。谢谢，正是这种转变让我头疼。我想我的解释是错误的。我试图重新表述我的问题。我想要的是，当我滚动时，第二个子div保持在同一个位置。我希望它相对于窗口是固定的。但是当我使用位置固定时；元素的行为仍然像是相对于父div元素。我想我的解释是错误的。我试图重新表述我的问题。我想要的是，当我滚动时，第二个子div保持在同一个位置。我希望它相对于窗口是固定的。但是当我使用位置固定时；该元素的行为仍与父div元素类似。我更新了答案，请检查并告知我是否满足您的查询。我认为我的解释不正确。我试图重新表述我的问题。我想要的是，当我滚动时，第二个子div保持在同一个位置。我希望它相对于窗口是固定的。但是当我使用位置固定时；该元素的行为仍然像相对于父div元素一样。