ICS にしはら フロントエンドエンジニア@z-index完全に理解した on Twitter: "予期せぬ横スクロールが発生した時は、 * { outline: 2px solid red; } のCSSがオススメ。 どの要素がはみ出ているか、視覚的に分かりやすくなります。 #CSS https://t.co/7tmefEDCvx"

予期せぬ横スクロールが発生した時は、 * { outline: 2px solid red; } のCSSがオススメ。 どの要素がはみ出ているか、視覚的に分かりやすくなります。 #CSS https://t.co/7tmefEDCvx

[gyochan]

開発中はキーひとつでいつでもON/OFFできるようにしてる。* だけだと疑似要素に適用されないのでセレクタは *, *::before, *::after にするといいよ

[youichirou]

全部にボーダーつけるのはよくやってた。

[carl_s]

アウトライン全然使ってなかったから忘却の彼方だった。今まで*ボーダーマンだったけど今日から*アウトラインマンになるわ。

[MzdA0w73tg]

これもオススメ。html * { background: rgba(0, 128, 128, .1); box-shadow: 0 0 0 1px blue; }

[lli]

なるほどアウトラインか。

[nekosann_08]

このチェック法はよくやってる、テーブルミタイナヤツヲアイテニスルトキニ・・・。ある程度組めるならCSS関しては入門書よりも網羅性の高いライブラリー型資料のがおすすめ。図鑑とか辞書が好きな人は特に。

[spark7]

インスペクタの矢印ツールで適当にグリグリしてたら見つかりそうだけど

[guru_guru]

cssは呪文の詠唱だと思っている。

[yoshimonchang]

予期せぬ横スクロールが発生した時

[taka-oh]

ブコメにも集合知

[trickcube]

これは便利。

[kathew]

borderもbox-sizingしたらレイアウト崩れを防げるから、borderの代わりに使うお茶目さんは気をつけて（今回の場合はbox-sizingしたら余計崩れるからoutlineが妥当だし、トップブコメの人はわかってる方だと思う）

[gyampy]

ほほぉ

[abababababababa]

は。やるよね…？教科書の一番最初のチュートリアルでやるものって印象なのだけどで。

[fut573]

色指定でrgba使って重なっている要素数を確認するほうが好きかな

[xll]

“予期せぬ横スクロールが発生した時は、 * { outline: 2px solid red; } のCSSがオススメ。”

[khtokage]

同じくborderマンだった。勉強になるなぁ。

[masa_w]

ブコメも含めてためになる

[ifttt]

今日から君もアウトライナーだ

[cartman0]

大体の横スクロール問題ってbox-sizing: border-box;忘れでwidth:100%超えてる場合やろな

[mutinomuti]

なつい

[underd]

あとでよむ

[mas-higa]

へー border じゃなくて outline なのがミソなのね

[sucelie]

その手があったか

[fukken]

原始的だよなーと思いつつも便利で使ってたけど、やっぱりみんなやるよね！（安心）

[mongrelP]

おーCSSデバッグだ

[flirt774]

すげー有益

[cl-gaku]

borderしか知らんかった

[msukasuka]

なるほど

[wumf0701]

なるほどねー。

[anklelab]

outlineイイな。あれ、もうborder要らなくね？

[K-Ono]

outline知らなかった……（HTML知識は4.1登場期で止まっているおっさん）

[n2s]

mdn→id:entry:290474718 htmq→id:entry:4295332 / IEでも8から対応済みだった