inflearn logo
강의

Course

Instructor

Real! Website Creation! Step by Step! ('Help' Site Creation_Basic Course)

float:left 질문입니다!

Resolved

243

skyj6978

3 asked

0

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

웹 디자인 HTML/CSS

Answer 1

1

jyoung

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

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

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

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

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

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

강의제목에 10/15일 삭제라고 나와있는데,

0

25

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

53

2

1강 동영상 재생 오류

1

65

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

35

1

Composition단계에서 `Layer`는 누가 만드는지

0

39

1

Strict Mode 예시 질문!

0

58

2

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

54

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

84

4

설명이 잘못된거같습니다.

1

71

2

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

1

64

1

'VIEW' 라는 텍스트를 박스 가운데로 오게 만들 때

0

261

1

width100%궁금합니다~

0

243

1

리셋에 대한 질문

0

256

1

<span> 태그와 <div>, <p> 태그 관련 질문입니다!

0

793

2

잘못 구입한거 같네요..

0

222

1

강의자료 다운로드 문의

0

280

1

section.global에서 애니메이션 질문

0

173

0

cover는 background 속성의 올바른 값이 아닙니다.

0

1673

2

float

0

193

1

text-align

0

359

4

animation widthAni 줄때 .txtImg에 overflow:hidden

1

334

1

after와 before의 차이

0

334

1

안녕하세요 강의 폴더

1

394

1

영상 1, 2 자연스럽게 연결돈게 맞나요?

0

318

1