我一直在挠头，没有运气。设计师有一个 3 栏的网站、两个侧边栏和一个主要内容区域。
专为桌面设计，有左栏、主要内容、右栏。但是，在较小的设备上，我们希望首先堆叠主要内容。
所以通常，你可以通过
<div id="left" style="float:left;">...</div>
<div id="right" style="float:right;">...</div>
<div id="main" style="margin-left:[width of left col];">...</div>
或者
<div id="left" style="float:left;">...</div>
<div id="main" style="float:left;">...</div>
<div id="right" style="float:left;">...</div>
但这并不能解决在响应时让主要内容区域先出现的问题。我唯一的解决方案是首先使用 main 的标记：
<div id="main">...</div>
<div id="left">...</div>
<div id="right">...</div>
但是我无法为桌面设置样式，因为这些 div 的高度是未知的。
有任何想法吗？太多了？
谢谢。