footer를 컨텐츠가 없더라도 최하위에 붙이고 컨텐츠가 늘어날 경우 컨텐츠 밑으로 가게 하는 css 설정입니다. 버튼을 눌러 내용을 확인해 보세요. codepen을 새창으로 보시면 더 이해하기가 쉬울거에요. https://codepen.io/beans9/pen/JrYQBx See the Pen footer sticky by homin ahn (@beans9) on CodePen.
See the Pen only css dropdown-up position by homin ahn (@beans9) on CodePen.
right Sidenav Push Content 이게 마지막일듯....스크립트로 조정하는 부분이 마음에 안들긴 하다만, 뭔가 방법이 있을듯 하다 .우측에 메뉴를 두고 버튼을 눌러서 열고 닫을수 있게 구현. right Sidenav Push Content See the Pen right Sidenav Push Content by homin ahn (@beans9) on CodePen.
html5 레이아웃을 잡을때 참고하면 좋을 사이트.레이아웃 말고도 html5에 전반적인 내용이 있음. http://www.html.am/templates/html5-frames-templates/
angular4 tutorial file tree template 참조 See the Pen filetree css by homin ahn (@beans9) on CodePen.
html { background: url(이미지경로) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } css에 위 내용 추가
