본문 바로가기

Dev/web

[css] 레이아웃 잡을 때 참고했던 링크들

가운데 정렬

https://blog.logrocket.com/13-ways-to-vertical-center-in-2018-cb6e98ed8a40/

 

13 ways to vertical center in 2018 - LogRocket Blog

CSS has made major leaps since the days when simple tasks were arduous. Now, something like vertical centering is effortless through different methods.

blog.logrocket.com

header 처리

https://stackoverflow.com/questions/17054158/css-100-height-with-header-and-footer

 

CSS - 100% Height with Header and Footer

I am trying to design a page with a header, a main div that stretches to 100% of the vertical landscape (minus header and footer) and a footer. Like this pic: I can get the header and main div to ...

stackoverflow.com

참고로 난 height: calc(100% - 150px); 이거 사용했음

http://jsbin.com/ujaxuh/13/edit?html,css,output

 

JS Bin

Sample of the bin:

jsbin.com

이걸로 틀을잡음 

(참 다양한 서비스가 있다..)