CSS 定位在 Logo 和 <aside> 之间造成丑陋的差距

Question

我想达到的目标:

1. 流体 2 列百分比设计
2. 合乎逻辑，搜索引擎优化友好。 html 源代码中从上到下的目标顺序:导航、 Logo (h1 隐藏， Logo 显示)、文章、旁白、页脚

我试过的是:http://jsbin.com/bucalezi/1

如果浏览器最大化，一切正常；然而，当浏览器恢复到小于 100% 的比例时， Logo 和旁边的差距看起来很难看。 差距的原因是:

1. 由于我的第二个要求，我将 Logo 放在左侧 div(而不是放在一边)，所以我不得不使用 position:absolute 属性。为了不与 Logo 一起折叠，我留出了边距。

这就是我可以得出的观点。当浏览器恢复到更小的规模时，如何既能达到我的要求又能摆脱丑陋的 View

谢谢 最好的问候

Answer 1

用花车试试... 主要内容

float:left;

旁边和标志

float:right;

，指定宽度

http://jsfiddle.net/RyR8n/embedded/result/

更新: http://jsfiddle.net/RyR8n/3/embedded/result/