CSS定位会在徽标和<aside> </aside>之间产生难看的差距

Question

我努力实现的目标：

1. 流体2列百分比设计
2. 合乎逻辑，seo友好。在html源中从上到下定位订单：nav，logo（h1隐藏，代替徽标），文章，旁边，页脚

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

如果浏览器最大化，一切正常;然而，当浏览器恢复到小于100％的规模时，徽标和旁边之间的差距似乎很难看。 差距的原因是：

1. 因为我的第二个要求我把标志放在左边div（不在旁边）所以我不得不使用position：绝对属性。我给了保证金，以免因标志而崩溃。

这就是我能来的地方。当浏览器恢复到较小的规模时，我怎样才能达到我的要求并摆脱丑陋的观点

感谢 最好的问候

Answer 1

试用漂浮物...... 主要内容

float:left;

旁边和徽标

float:right;

，指定宽度

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

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