在断点处切换内容div

Question

在此网站上：http://alumni.fgcu.edu/s/1630/index.aspx?sid=1630&gid=1&pgid=373当屏幕尺寸低于768像素时，我试图让左侧列在右列内容下移动。

我试过反转两个div上的浮点数（“.split30left和.split70right”）。我甚至尝试过jQuery的resize功能，以检测两个div的宽度值是否为100％时切换它们并且我没有运气。

任何问题都会在投票前通知我。提前谢谢。

Answer 1

@pschueller完全正确...在你的HTML中交换两个div而不改变任何CSS你应该没问题：

<div class="split70right" id="indexRight">
    -- content --
</div>

<div class="split30left" id="indexLeft">
    -- content --
</div>

浮标仍然会在左侧保留“split30left”div，在右侧保留另一个div。如果需要，您可以调整媒体查询中的浮动数，如果它在屏幕宽度小于768px时没有正常工作。