강의

멘토링

로드맵

Inflearn Community Q&A

taes11014397's profile image
taes11014397

asked

HTML+CSS+JS Portfolio Practical Publishing (Season 1)

CSS HTML Horizontal Layout (float, overflow, clear, inline-block)

22:44 배치 질문

Resolved

Written on

·

230

1

선생님이랑 똑같이 썼는데

parent의 너비 600px에

left에 너비 200

right에 400 을 줫는데,  right에 400만큼 안차고 200만큼만 차요. 그래서 600px 다 줬더니 선생님 화면처럼  똑같이 찹니다.

그리고  .clear에  clear:both; 넣지도 않았는데 아래에 고정 되어 있습니다. 이거 단순 오류인가요?  

HTML/CSSjquery

Quiz

HTML에서 문단을 나누고 줄을 바꾸는 태그는 각각 무엇일까요?

<br>과 <p>

<p>와 <br>

<div>와 <span>

<li>와 <ul>

Answer 2

1

codingworks님의 프로필 이미지
codingworks
Instructor

코드화면이 없어서 정확한 답변을 드리기 어렵지만 추정하면 부모요소의 너비에 맞춰 자식요소를 배치했는데 가로 배치가 안된다는 말씀인 것 같은데요.

그런 경우는 .parent div에 box-sizing: border-box를 주세요.

다음 질문 때는 코드화면과 브라우저 출력 화면을 캡쳐해서 올려주세요.

0

taes11014397님의 프로필 이미지
taes11014397
Questioner

감사합니다. 왜 안되나 봤더니, 제가 코드를 f만 치고 자동검색어로 완료를 했더니 float가 안나오고 flex가 나와서 적용이 안되는거 였군요... 꼼꼼히 보고 해야겠네요.

taes11014397's profile image
taes11014397

asked

Ask a question