span태그와 div태그의 크기 차이에 대해 질문드립니다.
2
CSS로 HTML 가로 배치하기(float, overflow, clear, inline-block) 인라인, 블록,인라인블록 요소를 비교하면서 나온 부분인데요. div 다음에 인라인요소 특징을 알아보기 위해서 span으로 바꾼 부분에서요. 크기값을 갖기 위해서 display: inline-block; 를 주니까 div와 같이 크기를 가지게 된 모습인데요. div는 부모 보더에 맞게 자식 배경색이 꽉 찬 반면에 span은 부모 보더에 딱 맞지 않고 왠지 마진이 적용된 것처럼 아래쪽이 여백이 보이는데요. 브라우저는 모두 100퍼센트입니다. ㅇ이 부분이 왜 차이가 나는지 궁금해서 질문드립니다. 늘 감사히 잘 공부하고 있습니다.
답변 2
0
인라인블록으로 변경되면 우측과 아래에 5픽셀 정도의 마진이 생깁니다.
float를 적용하면 인라인블록 변경되는건 같지만 우측과 아래에 마진이 안생깁니다.
다음에는 html 코드도 포함시켜주세요~
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
53
5
class 값 한 번에 부여하는법
2
115
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
94
1
div#css-checker-widget의 해결방
1
94
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
114
2
강의듣는법
1
108
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
89
2
input checked 질문합니다.
0
93
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
185
2
Part 1 영상 안나옵니다
1
114
1
제이쿼리 작동이 안됩니다
1
233
3
강의 내용 질문있습니다.
1
163
2
일정 부분만 주석하는 방법
1
271
2
폰트어썸
1
171
2
인접선택자에 대한 질문드립니다!
1
151
2
delay 적용 안됨
1
149
1
rotateY(360deg)가 적용이 안됩니다!
1
217
2
세로이동할때 height값
1
164
2
폰트어썸이 안되요..
1
541
2
화면 정중앙에 오게끔 할수있나요?
1
192
1
어코디언 네비게이션 중
1
145
1
라이브서버 문제
1
269
2
넷플릭스 어코디언 예제 질문
1
122
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
179
1