并排divs

Question

如何将两个div并排放置在它们之间？

这就是我的意思：

我认为html布局看起来像这样：

<div id="container">
    <div id="left"></div>
    <div id="splitter"></div>
    <div id="right"></div>
</div>

或

<div id="container">
    <div id="left">
        <div id="splitter"></div>
    </div>
    <div id="right"></div>
</div>

Answer 1

HTML：

<div id="container">
    <div id="left"></div>
    <div id="splitter"></div>
    <div id="right"></div>
</div>

的CSS：

#container{
 width:990px; //or 100%
}
#left{
 width:300px; //or 30%
 float:left;
}
#splitter{
 width:90px; //or 5%
 float:left;
}
#right{
 600px; //or 65%
 float:left;
}

Answer 2

将“float：left”放在#left和#splitter上，但是oezi说有很多方法可以做到这一点

Answer 3

两者都是可能的，但我会选择第二个，因为你可以使用float：左边是左边的div而右边是右边的，因为分割器在左边的div中它会到达正确的位置。