overflowで突き出た内容物と付き合うあんまり冴えてないかもしれない方法

結論からかくと、brタグだったりする。


DIVなどに横幅ぎりぎりの内容物を詰めたとする。
かつ、デザイン上横幅をそれ以上広げられない場合。
overflow属性をつけておいて、その親ボックスから内容物が
あふれた場合のことを考えておく。
問題は、値をvisibleにしたとき。


つまり、親ボックスの背景色などは、
内容物にあわせて拡大するわけなのだけど、
その場合、他のコンテンツに影響を与える場合がある。
こんな感じ。



IEであれば、文字サイズ「最大」までを考えた
マージンをとっておけばいいのだろうけど、Firefoxなど他のブラウザでは、
文字サイズを無制限に大きくできる。


そこで、brタグ。
意味のない改行指定になってしまうが、
overflow: visibleを宣言した次のコンテンツが、記述される前に
brタグを挟んでおけば、突き出たコンテンツが、他のものに
影響される心配がない。
CSSで解決したかった問題だけど、
HTMLにもこれくらいしか書かなくて済むから、いいかな。