0

我有一个带有两个侧边栏和中间内容的网站。在 HTML 中它被定位为：

sidebar 1 - floated left
middle content - floated left
sidebar 2 - floated right

这也是它在网站上的外观。都好。问题是我试图让网站响应，我希望内容位于顶部，侧边栏跳到下方，我不完全确定如何做到这一点。我可以使用 javascript，但如果可能的话，我更喜欢 CSS 来做。

如果有帮助，这是我正在开发的网站：

[网址不再允许]

将窗口向下挤压一点，然后观察左侧边栏出现在内容上方 - 不好。

是否可以？

4

1 回答 1

0

重新排序您的 div，以便首先显示正文内容 div。然后将第一个侧边栏和正文内容包装在一个 div 中，将正文内容向右浮动。使用媒体查询，以便在缩小到移动尺寸后将浮动设置为无

<div float:left>
  <main-content float:right>
  <sidebar float:left>
<\div>
<sidebar float:right>
于 2012-12-10T23:12:05.213 回答