css - 没有JS的固定元素下面的固定元素

Question

有什么方法可以在不使用 Javascript 的情况下将一个固定元素放在另一个固定元素下方(未指定高度 - 它由其中文本的大小决定)？

例如:

<div id='1'></div>
<div id='2'></div>

#1
{
   position:fixed;
   width:100%;
   height:auto;
}

#2
{
   position:fixed;
   width:auto;
   height:auto;
}

那么如何在没有 $('#2').css({'top':$('#1').outerHeight()});的情况下将 #2 放在 #1 下面/p>

Answer 1

将您的两个 div 放在另一个容器 div 中并将那个设置为固定。