css - 自动调整css div内容

Question

我正在尝试使用 css div 自动调整内容。我对 div 宽度感到震惊。下面是我的代码。我正在附加屏幕我的要求到底应该是什么。如果您看到附加的屏幕，您可以理解。

http://jsfiddle.net/266PG/44/

请任何人都可以解决这个问题。

这就是我要的

Answer 1

您可以尝试使用此示例

<div id="outerDiv" class="autosize">
    <div id="innerDiv" runat="server" style="display: block">
        //Content...
    </div>
</div>

CSS：

#outerDiv
{
    min-height: 200px; 
}

div.autosize { display: table; width: 1px; }
div.autosize > div { display: table-cell; }

Answer 2

只需使用

width: auto

并且不要对内部 div 使用固定宽度。也许您可以max-width为外部 div 定义属性

Answer 3

您可以只使用：

div {float:left;overflow:hidden;}