:after 는 어떨때 넣는건가요?

:after 는 어떨때 넣는건가요?

QA

:after 는 어떨때 넣는건가요?

본문

831400379_1521381529.5008.png

 

이런식으로 sns 아이콘하고 

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

 

831400379_1521381550.6234.png

 

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

 

이 코드를 넣으니

 

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

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

이 질문에 댓글 쓰기 :

답변 1

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

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

답변을 작성하시기 전에 로그인 해주세요.
전체 59,595
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT