Html 像推特这样的电视节目怎么样？

我的HTML页面上有三个

元素：

    <div id="main">

        <div id="bodyright" >
            here Right
        </div>

        <div id="bodycenter" >
            Here Center
        </div>

        <div id="bodyleft" >
            here left
        </div>

    </div>

就在这里
在这里中心
左这里

文件css

请注意，首先列出最右侧的div，然后是中间div，然后是左侧div

当页面正常缩放（100%）时，我希望三个div元素彼此相邻，如下例所示：

当页面放大时，我希望中间的div在右div旁边，左div在右div下面。目前，它显示的是中间div下面的左div

---

我怎样才能让它工作呢？

我建议对这些东西使用boostrap，不过我还是为您创建了一些东西：

.桌子{
宽度：100%；
显示：表格；
边界塌陷：分离；
边界间距：2px；
边框颜色：灰色；
}
.t车身{
宽度：继承；
显示：表格行组；
垂直对齐：中间对齐；
边框颜色：继承；
}
.tr{
宽度：继承；
显示：表格行；
垂直对齐：继承；
边框颜色：继承；
}
.td{
显示：表格单元格；
垂直对齐：继承；
}
@媒体屏幕和屏幕（最大宽度：600px）{
.td{display:block；}
}
左边
中心
赖特

---

正如你可能知道的，我一开始使用了一个表，但它的行为很奇怪，所以我只是创建了一堆div。效率不是很高，但很有效。请注意，这基本上是一个模板：我并没有围绕您的代码对其进行真正的样式化

先读一下。。。。你应该直接查阅这些文件：，