これが可能かどうかはわかりません。次のようなページ設定があります。
<div class="sidebar">
</div>
<div class="main">
</div>
サイドバーは に設定されていfloat:rightます。ウィンドウのサイズを小さくすると (応答性が高いため)、サイドバーがコンテンツの上に表示されます。に設定されposition:staticており、フロートはありません。
レスポンシブ モードの場合、「メイン」div の「後」にサイドバーを表示することはできますか? CSS のみを使用しますか? 擬似要素などを使用してそれを行う方法は考えられません。
PS: .sidebar div を HTML の .main div の下に移動することはできません。これは、Google が著者のアバターを表示したくないと判断したためです。「関連性がない」ためです。