将div移至顶部:特定div的绝对位置

Question

这是我在桌面和移动设备上的网站布局。

​

​

我想要显示在页面顶部的搜索表单一旦有人点击蓝色的link。因为搜索表单在页面的底部，所以我发现很难position absolute并将其放到顶部。有没有可能使它完全定位到基于id的包装器div，或者我可以使用一些jquery使它在顶部弹出。请帮我弄一下这个。非常感谢。

Answer 1

试试这个..。

<div class="link">
   <div class="search"></div>
</div>

CSS代码

.link{position:relative;}
.search{position:absolute; top:0px;}

如果你想把它弄清楚

.search{position:absolute; bottom:0px;}