css - HTML5中一个div向左浮动，两个div向右浮动

Question

我在这里看到了部分解决方案... how to float two divs beside one div? ... 但如果您将 div 顺序更改为 B、C、A(请参阅 http://jsfiddle.net/4Jpts/3/)，它就会中断。

我的设置:

<div id="page">
  <header></header>
  <nav></nav>
  <section></section>
</div>

Header 和 Nav 应 float 在彼此下方，Section 应 float 在左侧。

另外，我不希望在 HTML5 标签周围包裹额外的 div。

目前正在尝试自己解决这个问题，但想知道是否有人有任何建议？

谢谢，

史蒂夫

Answer 1

为什么不重新安排你的导航、部分、标题(使用你当前的 css)

<div id="mainContainer">
    <div id="divA"></div>
    <div id="divB"></div>
    <div id="divC"></div>
</div>

但如果你只是想用那种安排来拥有它检查我的 fiddle http://jsfiddle.net/4Jpts/9/

我基本上做的是从 divA 中删除左侧 float 并清除 divC 右侧的内容