float 속성을 설정했을 때 display: inline-block이 되는 것에 관련하여 질문이 있습니다.
2281
15 asked
inline-block is ignored due to the float. If 'float' has a value other than 'none', the box is floated and 'display' is treated as 'block'css(propertyIgnoredDueToDisplay)
VS Code에서 display: inline-block; float: right;로 설정하니 노란색 밑줄이 생겼습니다. 그래서 그 위로 마우스를 올렸더니 위처럼 메시지가 떴는데요. 이 메시지는 float 값이 none이 아닌 경우 display 속성은 블록으로 처리된다고 하는데 선생님 말씀과 달라서 헷갈립니다..
Answer 2
0
아래처럼 나와서 그러시는 것 같습니다.
브라우저에 작동하는건 문제 없습니다.
다만, 적어주신 메세지는...
float 속성을 주면 자동으로 inline-block이 되는데 굳이 또 display: inline-block을 줄 필요가 없다... 라는 메세지로 생각하시면 됩니다.
float 이론에서 말씀드렸듯이 모든 요소는 float 속성을 주면 자동으로 마진이 없는 inline-block 속성이 변합니다.
아래 코드에서 div에 float: right를 안쓰고 div를 오른쪽에 정렬하려면 div의 부모요소에 text-align: center로 제어 하시면 됩니다.
실전에서 아래 코드처럼 사용되는 경우는 거의 없습니다. 위에서 얘기했듯 float를 주면서 inline-block을 또 사용할 필요강 없어서 그렇습니다.
강의 내용 관련 문의드립니다 (animation)
1
55
2
Grid 수직정렬 제대로 안됩니다.
1
72
1
강의 화면이 안나옴
1
208
1
로그인 폼 CSS 디자인 코드 질문 있습니다.
1
235
1
inherit와 100%의 차이가 궁금합니다.
1
322
2
<br>태그 사용 빈도를 줄이게 될 경우의 질문입니다.
1
201
1
수업자료는 없나요?~
1
325
1
[공유] 부모 요소가 position: absolute 인 경우에 대한 설명
1
663
1
float: right 요소가 아래에 배치되는 이유 쉽게 설명
1
863
1
안녕하세요 가상클래스 포지션 활용 질문드립니다
1
386
2
hover 가상클래스 ( hover로 만드는 버튼 디자인, 드롭다운 네비게이션 & 컨텐츠) 강의중
3
460
2
nav 태그
1
1129
1
css 선택자의 모든-선택자 우선순위가 중요한 이유 강의 내용중에서
1
545
1
강의자료는 어디서 받을 수 있나요?
1
348
1
before after 가상클래스(도형과 버튼 만들기, 포지션 활용) 01 강의 중 이미지 안 뜨는 문제요ㅠ.ㅠ
1
673
2
유튜브 영상 파일
1
300
1
모바일 css 작업(단위)
1
295
1
유튜브의 초급,중급 이론과는 어떤차이가 있나요?
1
260
1
선생님 질문이 있습니다. (float 속성)
1
262
1
파일다운로드와 관련하여
1
256
1
포지션(position) 속성(z-index와 포지션 속성 우선순위) 강의 질문있습니다.
1
401
1
오타(contaner)
1
241
1
margin: auto;
1
354
1
label 태그의 사용법이 궁금합니다
1
352
2