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: 
You could store your templates in Local Storage:

<http://convective.wordpress.com/2009/05/09/local-storage-on-windows-azure/>
You should reconsider you design.
- as mentioned above, you can use Local Storage (you would need to copy the files there first) and then you can use the System.IO .NET API to manipulate the files

The problem with this is (as you said you are making changes)
- what if you horizontally scale, now you have individual worker roles that have their own local copy of the "template". You mention not wanting to use blob storage, but that should be an option since it can act as a central/persisted repository for your templates. And you can copy them locally of course as needed.

Another option is to use SQL Azure DB. Something like templates, should be super fast on it that multiple roles can share.