Programmers

1. 마진 중복 예 1) 좌에서 우로 정렬하면 마직 중복 없음 html css .parent { } .child { width: 100px; height: 100px; background: tomato; float: left; margin: 20px } 실행결과 예 2) 위에서 아래로 정렬하면 마진 중복이 발생 html css .parent { } .child { width: 100px; height: 100px; background: tomato; margin: 20px } 실행결과 2. 마진 중복 계산법 html .parent { width: 300px; height: 200px; background: cyan; } .child { width: 100px; height: 100px; backgroun..

1. margin 요소의 '외부(바깥)여백'을 지정 음수 값을 사용할 수 있음 html css .parent { width: 400px; height: 200px; border: 4px solid red; margin: 20px; } .child { width: 100px; height: 100px; border: 4px solid; margin: 50%; } 실행화면 2. margin-top, margin-botton, margin-left, margin-right 개별속성 가능