Html 固定位置容器内的浮动元件

通常，当浮动元素且容器没有高度时，容器就没有高度。但是，如果容器有一个固定的位置，它会围绕浮动的div展开。这是为什么

.container{
宽度：50%；
保证金：0自动；
背景颜色：蓝色；
位置：固定；
}
.box_1{
身高：4rem；
背景色：红色；
宽度：10%；
浮动：对；
}
.box_2{
身高：5雷姆；
宽度：10%；
浮动：左；
背景颜色：黄色；
}

因为容器是围绕div定义的。“浮动、绝对定位的元素、不是块框的块容器（如内联块、表格单元格和表格标题）以及具有“溢出”而不是“可见”的块框（该值已传播到视口时除外）为其内容建立新的块格式上下文。“为此，固定定位元素被视为绝对定位元素。因为容器是围绕div定义的。”浮动、绝对定位元素、块容器（如内联块、表格单元格和表格标题）不是块框的块框，以及具有“溢出”而不是“可见”的块框（该值已传播到视口时除外）为其内容建立新的块格式上下文。“固定定位元素计算为绝对定位元素。