比如上面这个图，如果不用嵌套而单纯的用浮动来做得话，高级别的浏览器可能显示没有问题，但是在ie5、ie6或其他浏览器上可能显示就不正确了。那么该如何操作呢？

一种方法是用定位的方法：把坐上角设置为原点，左边的可以正常设置，中间和右边的div根据原点来定位。具体代码如下：

主体部分：
<div id="content">
<div id="topic">此处显示 id "topic" 的内容</div>
<div id="star">此处显示 id "star" 的内容</div>
<div id="updata">此处显示 id "updata" 的内容</div>
<div id="adv">此处显示 id "adv" 的内容 </div>
<div id="focu">此处显示 id "focu" 的内容</div>
<div id="data">此处显示 id "data" 的内容</div>
<div id="da">此处显示 id "da" 的内容</div>
<div id="tyro">此处显示 id "tyro" 的内容</div>
<div id="vc">此处显示 id "vc" 的内容</div>
</div>

第二种方法是先把两边的div用浮动的方法先放进去，在把中间的放进去。（需注意的是右边的要优先放进去。这是因为如果右边div前面没有其他的div的话，就会默认跟前面一个左边的div同一行。）具体代码如下：

主体：
<div id="content">
<div id="topic">此处显示 id "topic" 的内容</div>
<div id="data">此处显示 id "data" 的内容</div>
<div id="da">此处显示 id "da" 的内容</div>
<div id="star">此处显示 id "star" 的内容</div>
<div id="tyro">此处显示 id "tyro" 的内容</div>
<div id="updata">此处显示 id "updata" 的内容</div>
<div id="vc">此处显示 id "vc" 的内容</div>
<div id="adv">此处显示 id "adv" 的内容 </div>
<div id="focu">此处显示 id "focu" 的内容</div>
</div>

嗯，很久没更新了

为了能够转正，继续奋斗

争取这个月一定要转正

那干脆解释下上面代码来凑下

首先，第一种办法是把大的div的左上设置为相对点

其他的div根据左上为原点，用坐标来确定其位置

第二种方法是先让左右的div放进大的div里

根据左边的div的大小加上间距来设置来中间的div的左间距

最后再把中间的“插”进去即可