css min-height で、div ボックスを上手く作成

div タグのスタイルシート表記でボックスを作る際、画像があると、枠線が画像の大きさに広がらずにおかしなボックスになることはありませんか？

そう、下図のように。

▼上記画像におけるcss

.researchlink{
    border:1px solid #333;
    margin:2px;
    padding:2px;
}

どうやら、デフォルトでは、文字の範囲だけが対象となり、画像の大きさは無視されているようです。

それならば、最低限、画像の大きさを確保しておきたいと考えたところ、便利なcss表記を見つけました。

• css

(初めてのコメントの時は、コメントが表示されるためにこのブログのオーナーの承認が必要になることがあります。承認されるまでコメントは表示されませんのでしばらくお待ちください)