21.04.29 // width % 값 주는 방법.
·
🔥 TIL
[CSS] 넓이가 다른 width %값 주기. 1. 클래스 명으로 지정하기. 장점 첫 번째, 마지막 자식 요소에서 항상 margin이나 padding요소를 넣지 않아도 된다. 클래스를 지정해서 운영하기 편리하다. 단점 태그 이름이 많아진다. .container { width: 1280px; margin: auto; background: #ddd; } /* Q. 왜 row에 margin을 줄까? */ .row { margin: 0 -50px; } .col { float: left; padding: 0 50px; } /* col에 %로 된 클래스 명을 지정. */ .col-1 { 10%; } .col-2 { 20%; } .col-3 { 30%; } .col-4 { 40%; } .col-5 { 50%; } ...