自动调节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使用固定宽度。 也许你可以为外部div定义max-width属性

Answer 3

您可以使用：

div {float:left;overflow:hidden;}