在实际位置后显示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”浮动到相应的断点处。