2018-08-15 はてなブログのサイドバーを横に表示する はてなブログの書き方 【追記 2018/08/16】 次の記事で書いた方法がいいと思います。 この記事で書いた方法だと、ブログtopページでは正常に表示されましたが、 各記事のページに行くとレイアウトが崩れてしまっていました。 プレビューがおかしくなるのも同じ原因でした。 下の参考サイトで書いあったように、1次元レイアウトならflexの方がいいような気がするのですが仕方ないんですかねー #content-inner { display: flex; } デザインcssにこれを追加するだけ! でも記事のプレビューしたときに記事とサイドバーの横幅が1:1になってるのが気になる… 参考サイト はてなブログのidとかclassとか - kyabana's blog 日本語対応!CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス [CSS]Webページのこれからのレイアウトテクニック!FlexboxとCSS Gridは一緒に使用してこそ価値がある | コリス