Html 如何使div与需要最大高度和宽度的图像一起增长？

好的，如果我有一个div：

<div id="imgholder">
    <img id="myimg" src = "foo.png">
</div>

但是现在，我需要div紧紧地围绕图像。我该怎么做？看起来我想要一个最大的高度和宽度。div默认为主体高度和宽度的100%。所以如果我给它加上一个最大高度和宽度，它总是达到那个高度和宽度，即使里面的图片比那个小。我怎样才能解决这个问题

编辑：意识到我遗漏了它默认为主体高度和宽度的原因：

#imgholder{
    overflow: hidden;
    z-index:1000;
    background-color: #F0D2DB;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    padding: 10px;
    border-radius: 10px;
    float: left;
}

---

我让它在页面内容上弹出，所以我使用顶部、底部、左侧和右侧属性来帮助它居中

div从不默认为身体高度的100%。但它的默认值（float:none）为100%宽度。如果您将其设置为浮动：左，它将显示其内容的大小。@DamonSmith抱歉，我编辑了该问题-我需要以页面为中心的div，因此在阅读了另一个问题的内容后，我使用了从顶部、左侧、右侧和底部的距离以及自动边距来居中。垂直对齐很困难。这是css2的一个伟大的、荒谬的、滑稽的缺点。css3有一个非常复杂的flex-box的概念，但是可以完成这个任务。对于水平定心，只需使其位置相对，移除浮动和定位，并将边距设置为边距：0自动；我想你要找的是这里。

#imgholder{
    overflow: hidden;
    z-index:1000;
    background-color: #F0D2DB;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    padding: 10px;
    border-radius: 10px;
    float: left;
}