Css 如何使父对象的块填充宽度（不仅仅是可见窗口）？

当我水平滚动时，如何使块B像块A一样填充宽度

html:

---

发生这种情况是因为块A溢出父块，而块B仅与父块一样宽

相反，您应该使父级展开以包含块A。您可以使用

#主{
显示：内联块；/*（至少）与内容一样宽*/
最小宽度：100%；/*但增大以填充可用空间（如果有）*/
}

#主{
显示：内联块；
最小宽度：100%；
}
#主要部门{
显示：内联块；/*或块*/
最小宽度：100%；
高度：50px；
}

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
B

我不明白，你想让块b与滚动条交叉，就是这样吗？f***不记得父对象。；）

<div id="main">
  <div style="background-color:coral;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
  <div style="background-color:lightblue;">B</div>
</div>

#main div {
    display: inline-block; /*or block*/
    min-width: 100%;
    height: 50px;
}