블릿요소 float:rihgt; 부분 질문 좀 드릴게요.
435
작성자 없음
0 asked
어코디언 콘텐츠 슬라이드 - 상세 내용 퍼블리싱 15:49
안녕하세요 선생님 언제나 감사하게 공부하고 있습니다. float:right;속성 질문이 있는데요.
블릿 아이콘 오른쪽 배치하는 부분인데요. position대신 float: right;로 해주잖아요.
부모요소에 overflow:hidden; 해주지 않으면 부모의 높이값을 잃는다고 알고 있어서
.accordion { border: 1px solid red; } 보더라인을 그려줘봤는데요. overflow를 주지 않아도 높이값은 가지는 것 같아요.
선생님께서도 overflow를 주지 않으셨는데요. 제가 잘못 알고 있는건지 궁금해서요. 혹시 after가상요소에 주는 float는 상관이 없는건지요?
Answer 2
1
자식요소에 float 속성을 주면 높이값을 부모요소가 잃지만 조건은 모든 자식요소에 float가 있어야 합니다.
.title:after 에 float가 있어도 .title 안에 텍스트가 여전히 높이를 가지고 있기 때문에 부모요소가 높이값을 잃지 않습니다.
예를들어...
<div class="title">
<span>제목</span>
</div>
위의 경우처럼 .title span에 float가 있으면 그때 부모요소가 높이값을 잃습니다.
그런데 지금의 경우 .title 안에 텍스트에 float가 없기 때문에 부모요소 높이값에 영향을 주지 않습니다.
class 값 한 번에 부여하는법
2
80
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
69
1
div#css-checker-widget의 해결방
1
60
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
79
2
강의듣는법
1
74
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
68
2
input checked 질문합니다.
0
77
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
140
2
Part 1 영상 안나옵니다
1
90
1
제이쿼리 작동이 안됩니다
1
199
3
강의 내용 질문있습니다.
1
120
2
일정 부분만 주석하는 방법
1
211
2
폰트어썸
1
134
2
인접선택자에 대한 질문드립니다!
1
129
2
delay 적용 안됨
1
135
1
rotateY(360deg)가 적용이 안됩니다!
1
186
2
세로이동할때 height값
1
139
2
폰트어썸이 안되요..
1
487
2
화면 정중앙에 오게끔 할수있나요?
1
169
1
어코디언 네비게이션 중
1
127
1
라이브서버 문제
1
230
2
넷플릭스 어코디언 예제 질문
1
105
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
158
1
active 관련 질문
1
147
2