1. 박스화면표시
텍스트에 테두리를 지정하였을때에 border 두께에 따라서 크기가 달라질수가 있는에 box-sizing을 지정하였을때에 박스의 표시를
변경하는 속성으로 border-box; 속성을 부여합니다.
2. 마진겹친현상
아래의 예제와같이 h1 태그의 값이 margin 을 100으로 하였을때에 top 값과 bottom 값이 겹치는 현상을 볼수가 있습니다. margin 값을 변경하였을때에 큰값을 적용하게 됩니다.
3. 포지션 지정
position 은 각 엘리먼트값을 원하는 위치로 이동시키는 태그로서 아래의 예제와 같이 me 값의 left, top 값만을 주게되면 원하는 위치에 이동하지 않지만 position 값을 relative 속성을 주었을때에 원하는 위치로 이동하게 됩니다.
지금까지 box-sizing 속성을 부여하여 박스값을 변경하고, margin 값의 bottom, top 값의 겹친현상, position 태그를 지정하여 엘리먼트를 원하는 위치로 이동하는 방법에 대해서 살펴보았습니다.
