[코드]

[배운내용]

형제관계에서의 마진병합현상

: 형제관계에서 margin-bottom과 margin-top의 값이 각각 있을 때 큰값이 작은값을 병합하는 현상이 나타난다.
그러나 이 마진병합현상은 margin-right와 margin-left에서는 나타나지 않는다.

[어려웠던 점]

많이 반복했던 a 혹은 span태그 앞에 선을 넣는 태그를 구현하면서, 코드는 제대로 작성되었는데 실제 브라우저에서 공간이 잡히지않는 오류가 발생했다.

[해결방법]

공간은 block요소에만 잡을 수 있다. 코드를 제대로 잘적었다 자만하고 틀린게 없는데 뭐가 문제인지 고민하다가. display를 block으로 지정해주려하는데, display:inline-block값을 넣지않은 것을 발견했다.
★★display:block속성이어야만 크기를 지정할 수 있다 !! 크기가 잡히지않을 때는 display확인하기 !★★

[학습소감]

꼼꼼하게 살피기 !