将div移动到顶部：绝对位置到特定div

Question

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

我想在有人点击蓝色link时在页面顶部显示搜索表单。由于搜索表单位于页面底部，因此我发现很难position absolute并将其置于顶部。是否可以基于其div使其完全位于包装器id，或者我可以使用一些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;}