CSS绝对元素并计算填充

Question

我想知道这是否可能与ONLY css。 我有一个位于absolute的徽标容器。由于此徽标可以任何宽度和高度，因此可以通过这种方式定位。在logo div旁边，我有一个导航div。此元素位于relative。有什么方法可以将导航保持在徽标div的旁边，当它可以有任何宽度时？

<div class="logo">
   <img src="logo.png" class="img-responsive">
 </div>
<div class="navigation">
   <ul>
     <li>....</li>
     // etc etc....
   </ul>
 </div>

CSS

.logo {
    min-height: 80px;
    padding: 10px 0;
    position: absolute;
    max-width: 330px;
}
.nav-wrap {
    position:relative
    background: #ffffff;
    float:left;
    width:100%;
}

所以我尝试的是使用calc()，但这不起作用，因为你不能做（???）

之类的事情

calc(100% - (.logo))

我猜display:table不会起作用，因为它是一个绝对元素。 我可以使用jQuery但这会在导航上产生一种跳跃效果。

所以问题是： 当一个div可以有任何宽度并且是绝对的时候，你怎么能在它旁边放置另一个div呢？

任何帮助非常感谢。