Html CSS绝对元素和计算填充

Html CSS绝对元素和计算填充,html,css,Html,Css,我想知道,这是否是可能的,只有css。 我有一个logo容器,它位于absolute位置。因为这个标志可以是任何宽度和高度,所以它的位置是这样的。在logo div旁边,我有一个导航div。该元素位于相对位置。当logo div可以有任何宽度时,有没有办法使导航正好位于logo div旁边 <div class="logo"> <img src="logo.png" class="img-responsive"> </div> <div clas

我想知道,这是否是可能的,只有css。 我有一个logo容器,它位于
absolute
位置。因为这个标志可以是任何宽度和高度,所以它的位置是这样的。在logo div旁边,我有一个导航div。该元素位于
相对位置。当logo div可以有任何宽度时,有没有办法使导航正好位于logo div旁边

<div class="logo">
   <img src="logo.png" class="img-responsive">
 </div>
<div class="navigation">
   <ul>
     <li>....</li>
     // etc etc....
   </ul>
 </div>
因此,我尝试使用
calc()
,但这不起作用,因为您无法执行类似(???)的操作

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

因此,问题是: 当一个div可以有任何宽度并且是p[position绝对值时,如何将另一个div定位在它旁边


非常感谢您的帮助。

否。绝对定位的元素将从页面流中删除。其他元素将完全忽略它。如果您描述了使用绝对/相对的原因,我们可以为您提供另一种布局方法,该方法不使用绝对,但使用相同的UI。嗯,是的,有点限制当然,你需要在logo div中嵌套导航:……但是正如Michael所写的,让我们知道你为什么需要绝对元素,这根本不起作用。@MichaelCoker:好的,它需要绝对的原因是因为它必须有可能溢出其他元素。因为这是我正在构建的主题,所以不需要o造型的可能性是无穷的。无论如何,我想我必须重新思考我的方法;)
.logo {
    min-height: 80px;
    padding: 10px 0;
    position: absolute;
    max-width: 330px;
}
.nav-wrap {
    position:relative
    background: #ffffff;
    float:left;
    width:100%;
}
calc(100% - (.logo))