3列布局：Div的固定位置

Question

因此，我目前正在开发一个3列网站模板，并设法重新安排div用于搜索引擎优化目的。我唯一的问题是当它尚未100％装载时它看起来很可怕。

这是它尚未完全加载的样子 http://i.imgur.com/JgGKzqL.png

100％加载：http://i.imgur.com/5RN5IgJ.png

那么可以使div的位置固定吗？

HTML：

<div id="wrapper">
    <div id="content-wrapper">
        <div id="content">I'm first</div>
        <div id="side_a">I'm second</div>
    </div>
    <div id="side_b">I'm third</div>
</div>

CSS：

#wrapper {width: 800px;margin: 0 auto;}
#content-wrapper{float: left;}
#content {width: 400px;float: right;}
#side_a {width: 200px;float: left;} 
#side_b {float: left;width: 200px;}

概述：http://jsfiddle.net/avzLK/

Answer 1

我想如果你设置

    #content-wrapper{float:left; width:600px}

然后你的#content会在加载#side_a之前浮动到右边，因为它知道父级是600px宽。