💻 학습 내용

🛫 GIT-HUB

HTML | naver_mobile_2
CSS | naver_mobile_2

모바일 네이버 2

🖤 footer에서 before를 이용하여 만든 | 를 로그인, 이용약관 앞에서는 삭제하기 위하여 nth-child(1),nth-child(4)를 활용하여 삭제하려고 하였다.
하지만 html 코드에서 줄 바 꿈을 하기 위하여<br>을 작성했는데 그러면서 연속성이 깨져버렸다.
연속성이 깨지면 nth-child를 사용하지 못한다.
그래서 div로 윗 줄과 아랫줄로 공간을 나눠서 작성해주었다.
이때 class를 동일하게 작성해주었다.

.link:first-child{
content:'';
}

로 작성하여 | 를 지워주었다.

📝 마무리

💛 네이버 모바일을 오늘 카피캣 하면서 float을 쓰면서 overflow:hidden;을 사용하는게 이해가 되지 않아 인터넷으로 검색을 했다.
overflow:hidden;과 float 설명

💛 설명을 보는데도 너무 어려운 설명이라서 자식태그에 float를 사용하면 부모태그에 oveflow:hideen;을 작성하는걸 공식으로 생각하는게 편할 것 같다.