css - 在实际位置之后显示 div

Question

我不确定这是否可能。我有这样的页面设置：

<div class="sidebar">
</div>
<div class="main">
</div>

侧边栏设置为float:right。除了我缩小窗口大小（因为它是响应式的）之外，这很好，侧边栏出现在内容上方。它设置为position:static并且没有浮动。

是否可以在响应模式下使侧边栏出现在“主”div之后 - 仅通过 CSS？我想不出使用伪元素等的方法。

PS：我无法将 .sidebar div 移到 HTML 中的 .main div 下方，因为 Google 决定它不想显示我的作者头像，因为它“不相关”，即太低了所以忽略它。

Answer 1

谷歌显示你的头像不是它有多远的结果。谷歌寻找这段 html：

rel=author

见这篇文章：http ://searchengineland.com/googleplus-slowly-invading-googles-main-search-results-102416

完成此操作后，您可以将 html 的顺序切换为首先具有“main”，然后将“main”和“sidebar”浮动在适当的断点处。