인프런 커뮤니티 질문&답변

작성자 없음

작성자 정보가 삭제된 글입니다.

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

블릿요소 float:rihgt; 부분 질문 좀 드릴게요.

해결된 질문

작성

419

어코디언 콘텐츠 슬라이드 - 상세 내용 퍼블리싱 15:49

안녕하세요 선생님 언제나 감사하게 공부하고 있습니다. float:right;속성 질문이 있는데요.

블릿 아이콘 오른쪽 배치하는 부분인데요. position대신 float: right;로 해주잖아요.

부모요소에 overflow:hidden; 해주지 않으면 부모의 높이값을 잃는다고 알고 있어서

.accordion { border: 1px solid red; } 보더라인을 그려줘봤는데요. overflow를 주지 않아도 높이값은 가지는 것 같아요.

선생님께서도 overflow를 주지 않으셨는데요. 제가 잘못 알고 있는건지 궁금해서요. 혹시 after가상요소에 주는 float는 상관이 없는건지요?

.accordion {
    border: 1px solid red;
}
.title {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 3px;
    cursor: pointer;
    /* position: relative; */
    padding-left: 15px;
    transition: 0.3s;
    margin-bottom: 10px;
}
.title:after {
    content: '\f105';
    font-family: fontawesome;
    /* position: absolute;
    right: 10px;
    top: 7px; */
    float: right;
    margin-right: 5px;
    margin-top: 3px;
    transform: 0.3s;
}
.title.active:after {
    transform: rotate(90deg);
    color: orange;
}