float版本：CSS1 兼容性：IE4+ NS4+ 继承性：无
语法：
float : none | left |right
参数：
none : 对象不浮动
left : 对象浮在左边
right : 对象浮在右边
说明：
该属性的值指出了对象是否及如何浮动。请参阅clear属性。
当该属性不等于none引起对象浮动时，对象将被视作块对象(block-level)，即display属性等于block。也就是说，浮动对象的display特性将被忽略。
有做过这个功能，之前用的是百度地图提供的api，完全符合你的需求。当然，高德地图貌似也有，你可以去看看。百度地图api:http://lbsyun.baidu.com/index.php?title=jspopular
补充：要做离线最好别用web端来做。后来发现，echarts来实现你的需求应该也是可以的（http://echarts.baidu.com/demo.html#map-world-dataRange）
亲，给你写一个框架，以及css的选择器的命名，按照命名来补全css代码即可，其中fl是浮动，相同的名称表示样式一样，你去分别控制大小，宽高，背景即可<div classs="head1 clearFix">
<div class="hd-01 fl">1</div>
<div class="hd-02 fl">2</div>
<div class="hd-01 fl">3</div>
</div>
<div class="content1 clearFix">
<div class="ct-01 fl">4</div>
<div class="ct-02 fl">
<div class="ct-sd1">5</div>
<div class="ct-sd2">6</div>
<div class="ct-sd1">7</div>
</div>
<div class="ct-03 fl">8</div>
</div>
<div class="foot">
9
</div>
