親要素を超えてオーバーフローする選択の強調表示のロジックは何ですか?
添付のスクリーンショットでは、上が現在持っているもので、下が実現したいものを Photoshop で作成したモックアップです。
私には、選択範囲の強調表示はほとんどランダムに見えます。選択の強調表示がどのように動作するかを説明する決定的なリソースを見つけることができませんでした。
選択範囲を合理的に強調表示したい場合、CSS と DOM に関して何を覚えておく必要がありますか?
質問する
684 次
1 に答える
2
興味深いことに、なぜSOにこのようなものがないので、質問/回答からコードをコピーする方が簡単なのか疑問に思いました。
<code>実際、SOには、に依存するブロックに強調表示が含まれていoverflow: auto;ます。<blockquotes>ハイライトが含まれていません。
とにかく、この問題を解決する方法はいくつかあるようです（ただし、もっとあるかもしれません）。次のCSSルールのいずれかを使用して、テキストの強調表示を特定の要素に制限します。
overflow: hidden;またoverflow:auto;position: relative;float:left;またfloat:right;
以下の作業例は、4つの方法すべてが機能していることを示しています。ニーズに応じて、操作が簡単なものもあります。
実例：http： //jsfiddle.net/TFvYu/4/
ソース
于 2013-01-02T03:35:20.657 に答える