높이 100%관련 질문입니다.
거울
이런질문 있을것 같아 열심히 찾았는데. 너무 광범위한 다양한 높이 질문이 많아서
제가 원하는 답은 찾기 힘들어 도움 드려요..
제가 작업하는 레이아웃은 그림과 같구요. 맨 하단 div가 항상 바닥에 붙어야거든요
찹고로 모바일이구요..
그래서 전체 wrapper에높이 100%주고 하단 div에 position:absolute; 줘서 바닥에 붙게 했는데..
문제는 가운데 컨텐츠가 늘어날경우 오른쪽 처럼 전체에 스크롤이 생기고 바닥에 붙은 div도 내려가게 하고 싶은데
제가 만든 화면은 하단 div가 그대로 모바일 화면 바닥에 있고 컨텐츠는 그냥 잘라져서 안보이네요..
이런경우는 어떻게 설정해 줘야는지.. 난감하네요..
-
가루
wrapper {height:100%;}
article {padding-bottom:footer높이}
footer {position:absolute; bottom:0; left:0; width:100%;}
footer를 화면 하단에 항상 노출시켜놓는게 아니라면..
굳이 footer에 포지션 주지 않아도.. 순서대로 마크업하면 컨텐츠 다음으로 맨아래 항상 붙지 않나요? -
푸른나무
하단 div가 항상 밑에 붙어야 한다면 bottom으로 값을 지정해주셔야 할듯 한데요. footer랑 별개라면, 당연히 bottom:0이 들어가면 안되여..말씀하신것처럼 footer가 가려먹죠.
-
뿌우
전체에 스크롤이 생기고 바닥에 붙은 div도 내려가게 하고 싶은데
position:fixed; 를 쓰면 컨텐츠가 늘어날경우 컨텐츠 위에 footer 부분이 떠있을거 같은데요.
포지션으로 bottom:0을구지 줘야하나.. 의문... -
이름없음
일반적으로 컨텐츠는 height을 안주니까, 늘려먹고 싶다면.. fixed로 가시는게..
-
늘빈
position:fixed;bottom:0;
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
| 2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
| 2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
| 2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
| 2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |
| 2695785 | 웹 설정 도와줄분 | 화이트캣 | 2025-05-23 |
| 2695730 | 갑자기 기억이 안나는데 accesskey 속성.. | 빛나라 | 2025-05-23 |
| 2695702 | [질문] Java 버전 차이에 의한 오류?!! (2) | 검사 | 2025-05-23 |
| 2695672 | 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) | 뽀그리 | 2025-05-22 |
| 2695647 | 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) | 아빠몬 | 2025-05-22 |
| 2695586 | IFRAME 캐싱 질문 | 봄나비 | 2025-05-22 |
| 2695498 | [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; | 터1프한렩 | 2025-05-21 |
| 2695468 | 자바랑 이클립스에서요.. | 스킬 | 2025-05-21 |
| 2695375 | Mysql 연동하는 자바 질문있습니다. | 아리솔 | 2025-05-20 |
| 2695319 | 파워포인트 파일을 저장할 수 있을까요? | 시윤 | 2025-05-19 |
| 2695289 | [질문]Tween 값의 정도를 알고 싶습니다. | 타마 | 2025-05-19 |
| 2695238 | c 와 c++의 시작 (10) | ChocoHoilc | 2025-05-18 |
| 2695215 | 탑메뉴의 repeat-x .배경이 두가지에요ㅠ ㅠ | 널위해 | 2025-05-18 |
| 2695187 | 자바스크립트와 자바의 import에 관해서 질문드려요 (1) | 무슬 | 2025-05-18 |
| 2695116 | 테마 문의 (해당 사이트와 같은 테마 혹은 플러그인) | Sweet | 2025-05-17 |