하단 영역을 최상단에 출력하려고 합니다.
본문
1. php 구문을 짜면서
2. <aside> A 영역에 php 함수들을 잔뜩 늘어놓았습니다.
3. A 영역의 함수에 영향 받는 <row> B 영역을 A 아래에 위치시켰는데요.
4. B 영역을 화면 최상단에 출력시키려고 합니다. A 영역보다 먼저 출력되게 하려는 의도인데요.
5. 이런 경우, css로 A B 각 영역 위치를 어떻게 잡아줘야 할까요?
2. <aside> A 영역에 php 함수들을 잔뜩 늘어놓았습니다.
3. A 영역의 함수에 영향 받는 <row> B 영역을 A 아래에 위치시켰는데요.
4. B 영역을 화면 최상단에 출력시키려고 합니다. A 영역보다 먼저 출력되게 하려는 의도인데요.
5. 이런 경우, css로 A B 각 영역 위치를 어떻게 잡아줘야 할까요?
답변 1
<div class="wrap">
<aside id="a_area">A영역</aside>
<div id="b_area">B영역</div>
</div>
이런 구조라고 가정하고
<style>
.wrap {position:relative;}
#a_area, $b_area {position:absolute;}
#a_area {top:300px;width:800px;height:200px;}
#b_area {top:0px;width:800px;height:300px;}
</style>
이런 형태로 잡으시면 될 듯 한데요.
구체적으로 무엇을 하고자 하시는지 몰라서 대략적으로 잡아봤습니다.
두후니님, 세심히 살펴주셔서 감사합니다.
죄송스럽게도 제가 질문을 구체적으로 드리지 못한 것 같습니다.
B 영역은 목록이 출력되는 곳이고, height가 가변적입니다.
그래서 위와 같이 설정하면, 경우에 따라서 B의 폼에 스크롤이 생길 것 같습니다.
이런 경우는 어떻게 해결해야 할까요?
번거롭게 해 드려 죄송합니다.(__)
답변을 작성하시기 전에 로그인 해주세요.
