[레이아웃 css] 헤더포함 height 100% 높이 만들기
이런구조일때 height 100% 임에도 불구하고 스크롤바가 생기는 현상이 발생한다 html의 구조는 이렇다 헤더 - 사이드메뉴바 - 이럴때 해결방법 1.일단 호완성을 위해 독타입설정 2.html, body에 height 100% html, body { height: 100%; } 3.사이드바 설정 사이드바가 height: 100%의 속성을 가지면 헤더 높이만큼의 스크롤이 생기게된다 그렇기 때문에 헤더 길이 만큼의 마이너스 margin값을 사이드바에 주면 스크롤은 사라진다 그런데 이때 마이너스값때문에 이렇게 사이드바가 잘리는 현상이 생기는데 margin: -60px 0; 이때 padding값을 똑같이 주게되면 잘리는 현상이 사라지고 다시 스크롤이 생기게된다 padding: 60px 0; .main-sid..
IT/HTML&CSS
2019. 6. 14. 10:59
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 프로그래스바
- 인텔리제이복사
- 인텔리제이단축키
- Resume
- 이력서 쓰는법
- 영어resume
- 일렉트론
- CV
- electron
- 깃허브삭제
- 인텔리제이이클립스
- progress
- 영문이력서
- 인텔리제이
- 자바스크립트 프로그래스
- 커버레터
- 영어이력서
- 영어커버레터
- 개발자무료
- 지킬
- 인텔리제이한줄복사
- JSzip
- 영문resume
- 프로그래스
- PROGRESS BAR
- java mail
- 노드에러
- 영문커버레터
- CSS
- 노드
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함