用外部'div'紧紧包裹内部'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 thumbBorder紧紧围绕内部div thumbnail的正确方法是什么？

现在，外部div thumbBorder正在扩展到整个外部内容块的限制。

Answer 1

使块元素缩小以适合其内容的唯一方法是给它float。如果您需要这种行为，并且还需要居中，请查看display: inline-block

Answer 2

float: left;

或

float: right;

或

display: inline;