javascript - 父 Div 的宽度 = 子 Div 的最大宽度？

Question

我可以让父 div 的宽度自动等于其子 div 的最大宽度吗？ IE。我希望 parent 与最宽的 child 一样宽，而不是更宽。我可以接受纯 css 和 javascript 解决方案。

特别是，I have a parent div with two floating divs inside .我希望父 div 在右侧 div 下降到下方时调整大小(如果窗口变得太窄)，以使父 div 的背景正确显示。

谢谢!

<div class="container"> 
    <div class="logo-div">
        <img class="logo" src="http://bit.ly/1qCKrtJ" />
    </div>
    <div class="text-div">
        <h4 style="display: inline;">Because Sometimes It Takes a Village</h4><br />
        What about robots the size of tea cups that scoot around on tiny wheels, snapping pictures with miniature cameras and keeping track of where they are in relation to dozens of others?
    </div>
</div>

Answer 1

制作容器display:inline-block

JSfiddle Demo

.container {
    background: green;
    overflow: hidden;
    max-width: 430px;
    display: inline-block; /* add this */
}