はてダレイアウトを可変幅に変更
貼ったコードが見にくかったので,はてダのレイアウトを固定幅のHatena2-brownから可変幅っぽい90に変更した.そしたら今度はコードの領域を飛びだしてサイドメニューに突っこんできた.
とりあえず
pre { overflow-x: auto; overflow-y: hidden; width: 100%; }
を足したらいい感じになったのでしばらく通してみる.overflow-xとかoverflow-yってIEだけかと思ったらFirefoxでも使えたんね.overflow-x - CSS: Cascading Style Sheets | MDN でもはてダのsyntax-highlightは対応してないみたい.