質問: 画面中央右側、関連する質問とコメントが重なっている。 ![画像の説明をここに入力](https://i.stack.imgur.com/2cQ1O.png) 当該コメント: --- Long comments break formatting as seen in the screenshot. Here is a link to a sample comment that breaks the layout: This is related to the following meta.SE post: Post Overflow
回答: 解決はしていませんが、調査した結果をまとめておきます。 まず、スペースなしの長文がコメントされた場合、80文字程度ごとに不可視の空白文字 `&zqnj;ὗ` が埋め込まれることで正しく折り返されるようになっています。半角と全角で80文字の幅は異なりますが、全角文字はスペースがなくても折り返されるので基本的には問題ないです。 Is there a CSS problem on Stack Overflow? - Meta Stack Exchange で、問題のコメントを見ると多数のコードブロックが「を」「に、」だけでつながれていて、どうもこれがChromeの禁則処理に引っかかったようです。色々試していくと、 * コードブロックの間に禁則文字以外の全角二文字以上 * コードブロック内や前後に半角スペース * コードブロックの末尾・禁則文字の直後以外に `` (今回の80文字目はコードブロックの末尾で、ここではうまく折り返されないようです) を足すとほぼ正しく折り返されたので、結構なレアケースですね。 回避策としては「半角スペースを入れる」というのが最も簡単だと思います。 コメントでも書きましたが、ボックス幅の固定は過去にJeff Atwood氏が否定しています。 > > Near as I can tell, there is no way to get this to work on comments because they are variable width. That is, the actual comment size depends on whether or not the comment vote UI controls are present (fex, on your own comment, you don't have controls, if you're not logged in there are no controls, etc), and if the comment has say 100 upvotes that's wider still. > > --- より引用 > > > 確かに、あふれるぐらいなら多少ずれる方がマシってことでmax-width指定してもよさそうですが。 Google Chrome 44.0.2403.155 / Win8.1 / rev 2015.8.19.693