2026, 새로운 도약을 시작합니다.
SIR
목록으로
이전글 다음글

:after 는 어떨때 넣는건가요? 채택완료

나다순자
프로필 보기이 회원 글보기이 회원의 댓글보기
 7년 전 조회 2,048
답변 1
목록

831400379_1521381529.5008.png

이런식으로 sns 아이콘하고 

다음글이 같은 라인에 있었는데

831400379_1521381550.6234.png

#bo_v_sns:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}

이 코드를 넣으니

다음글 부분이 아래쪽으로 내려갔는데요 

이런식으로 다른 줄로 하고 싶을때 넣는건가요? 잘 이해가 안가서요 

#그누보드5

답변 1개

채택된 답변
+20 포인트

before 와 :after 는 css3의 가상 선택자 중에 하나구요.
간단히 요약하면 컨테이너 요소안에 내용을 넣을수 잇는겁니다.
정확히 이해 하시려면 구글에 'css 가상클래스' 또는 'css 가상선택자' 를 검색하시면 잘 정리된 글을 찾아보실수 있으세요.

아참.. 그리고 clear: both;  이것의 영향으로 다음 글이 내려가는 걸거예요.
전체 코드를 모르니 유추 할수 있는건 이정도입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고