Html5/CSS3调整布局可以'；我工作不好

当我调整窗户的宽度时

我想要一个按顺序垂直排列的B-C块

我试了很久，请问怎么解决，谢谢你的帮助 就像下面

A

B

C

div#菜单{
边框：1px纯红；
填充：7px 7px 7px 7px；
}
分区#导航{
边框：1px纯黑；
背景#A9F5A9；
身高：495px；
保证金：2px2px2px2px2px；
浮动：左；
文本对齐：居中；
线高：250px；
字体大小：100px；
宽度：31%；
}
分区内容{
身高：495px；
边框：1px纯黑；
背景#F2F5A9；
保证金：2px2px2px2px2px；
宽度：自动；
文本对齐：居中；
线高：500px；
字体大小：100px；
保证金权利：33%；
}
#包装纸{
浮动：对；
宽度：100%；
保证金权利：-33%；
}
div#页脚{
边框：1px纯黑；
背景#81F7F3；
颜色：#000；
高度：50px；
保证金：1px 1px 1px 1px；
文本对齐：居中；
线高：50px；
字体大小：50px；
明确：两者皆有；
宽度：自动；
}

A.
B
C

我想你可以试试这个

div#menu {
    display: table-row;
}

---

您考虑过使用媒体查询吗？我搜索过，但找不到我的需要，它会询问您在媒体查询中找到的演示文稿。这将有助于解释为什么表行是实现此期望结果的最佳候选。此要求是显示a、b、，如果我们使用表格行，我们可以很容易地实现它想象你的观众是一个不太了解CSS的人，但是听说过CSS浮动、表格样式和实际的HTML表格。你为什么不选择其他的方法呢？OP关于“当我调整窗口宽度时”的要求对您的答案有何影响？如果我在阅读这个问题时遇到了类似的问题，我会寻找这些解释。