div를 맨 위로 이동 : 특정 div의 절대 위치

Question

이것은 데스크톱 및 모바일의 내 웹 사이트 레이아웃입니다.

나는 누군가가 파란색 link를 클릭하면 페이지 상단의 검색 폼을 표시하고 싶습니다. 검색 양식이 페이지 하단에 있기 때문에 positionabsolute까지 찾기가 어렵습니다. 그것은 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;}