ラッピング外側「のdiv」

Question

#main .thumbBorder { 
    background-color: #e1e1e1; 
    padding: 2px; 
    border: solid 1px #cfcfcf; 
    margin: 14px; 
} 

#main .thumbnail { 
    background-image: url('http://images.idealer1.com/getimage/188/4937261.jpg'); 
    height: 125px; 
    width: 188px; 
} 

<div class="thumbBorder"> 
    <div class="thumbnail"> </div> 
</div> 

は「divの」しっかりと内側の何インナーdivthumbnail周りをしっかり包むように外側divthumbBorderを取得するための適切な方法でしょうか？

現在、外部divthumbBorderは、その外部コンテンツブロック全体の範囲に拡大しています。

Answer 1

ブロック要素の内容に合わせて縮小する唯一の方法は、floatです。あなたがその動作を必要とし、また、センターに必要がある場合は、display: inline-block

Answer 2

float: left; 

または

float: right; 

かも

display: inline;