하단에 고정된 상담창
본문
가입신청 같은거 하는 곳들 보면..
화면을 스크롤해도 하단에 고정되어있는 상담창 같은거 만들려면..
어떻게 해야할까요.. 다른거 몇 가지 해보다가 이상하게 나오지 않아서 올려봅니다.
간만에 하려니 하나도 모르겠네요.
답변 2
참고만 해 보세요.
<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>문서</title>
<style>
html {overflow:hidden;}
html, body {width:100%;height:100%;margin:0;padding:0;}
#wrapper{width:100%;height:100%;position:absolute;overflow-y:scroll;}
#qwe {border:2px solid #ccc;overflow:hidden;position:absolute;background:#ddd;left:45%;right:45%;bottom:100px;height:50px;width:300px;text-align:center;}
</style>
</head>
<body>
<div id="wrapper">
<div id="content">
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
테스트<br>
</div>
</div>
<div id="qwe">
신청서 입력<br>
<input type="text" name="">
<input type="submit">
</div>
</body>
</html>