인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

skyj6978님의 프로필 이미지
skyj6978

작성한 질문수

실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)

float:left 질문입니다!

해결된 질문

작성

·

164

0

안녕하세요 강사님의 좋은 강의 잘 듣고있습니다^-^! 다름이 아니라 강사님께서 <li>를 가로(한 줄)로 나열할 때 float:left를 사용하셨는데, 혹시 float:left 대신에 display:inine-block으로 바꿔서 사용해도 괜찮은가요?! 제가 실습하면서 float 대신에 inline-block으로도 해봤는데 float와 똑같은 화면이 나오더라구요! 둘의 차이점이 정확히 뭔지 궁금합니다ㅠㅠㅠ 

답변 1

1

J.영님의 프로필 이미지
J.영
지식공유자

안녕하세요 ^^ 질문 감사드립니다 ㅎㅎ

inline-block 은 말그대로 inline의 특징과 block의 특징을 모두 가진 요소라서

줄바꿈이 이루어지지 않고 width와 height를 지정 할 순 있지만

만약  지정하지 않으면  inline과 같이 내용 즉 컨텐츠 만큼만 영역이 잡힙니다 ㅎㅎ

그래서  확실한 영역을 잡아주기 위해서는 주로 block 요소를 써주는게 좋습니다~~

궁금 하시면 언제든 질문주세요~~ 좋은 저녁되세요 ^^

skyj6978님의 프로필 이미지
skyj6978

작성한 질문수

질문하기