Question: I have a parent div and child divs with different width and height. How can I float the parent div with child's max effective without loss a space by absolute positioned elements.

The example:

<http://jsfiddle.net/KSbjT>

What kind of direction do I need to dig?

HTML

```
<div class="parent" style="width: 500px; height: 500px; border: 1px solid #000; background: red; position: relative;">
    <div style="width: 100px; height: 200px; border: 1px solid #000; background: blue;"></div>  
    <div style="width: 200px; height: 500px; border: 1px solid #000; background: green;"></div> 
    <div style="width: 100px; height: 200px; border: 1px solid #000; background: yellow;"></div>
    <div style="width: 100px; height: 200px; border: 1px solid #000; background: aqua; position: absolute; top: 200px"></div>
</div>

```

CSS

```
.parent div {
    float: left;
}

```

Answer: 
I figured it out - here's how to do it:

```
Path.Combine(Environment.GetEnvironmentVariable("RoleRoot") + @"\", @"approot\FileTemplates\");

```
You could store your templates in Local Storage:

<http://convective.wordpress.com/2009/05/09/local-storage-on-windows-azure/>