CSS : Positioning (min-max width, margin, padding)
min,max-width min , max-width는 element의 content가 담겨져 있는 크기를 최소, 최대로 잡는 것이다. 그리고 브라우저 크기에 따라 변한다 .item-a와 .item-b를 width를 %로 했기 때문에, 브라우저를 계속 늘린다고 하면, 저 비율에 맞춰서 계속 늘어날 것이다. 하지만 나는 max나 min 값으로 제어를 하고 싶다. 그 때, min-width, max-width를 주로 쓴다. max-width : 1000px이면, 1000px 넘어가고서는 더이상 늘어나지 않는다. 만약 여기에 margin-left, right을 auto로 추가를 해준다면, 이는 margin 양 옆이 자동 비율로 margin이 생성된다는 것이다.. margin, padding 이게 좀 빡세다....
2019. 12. 15.
