自动调整CSS div内容

Question

I am trying to auto adjustable content with css divs. I am struck at div width. Below is my code. I am attaching screen what exactly my requirement should be. You can understand if you see the screen attached.

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

Please can anybody solve this problem.

This is what i want

Answer 1

You can try with this sample

<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

Just use

width: auto

and don't use fixed widths for inside divs. Maybe you could define max-width property for outer div

Answer 3

您可以使用：

div {float:left;overflow:hidden;}