ボックスを伸ばすとき、入れ子か空タグか。

ボックスのあしらいが、角丸の四角の場合でしかも中身が可変でのびる場合、角丸の上部と下部をどうCSSで表現するかということになる。

やり方としては、

１．テキストを表示するエリアの上下に空タグを設けて、その空タグの背景にそれぞれ指定する。
２．入れ子構造（ネスト）をしてその背景の上下にそれぞれ指定する

の２種類の方法がある。


さーて、これはどっちがいいか。

となる。

ので、ＡさんとＭさんにヒアリングをしてみた。

その結果
２．の手法がいいということに。

やはり空タグを多く設けるよりも入れ子構造のほうが妥当ということだ。ただし、divタグでやたら入れ子にするのではなく、できるだけ無駄な入れ子はなしにしましょうということだった。

ということで、みなさーん、そのように。