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

a토링님의 프로필 이미지
a토링

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

CSS로 HTML 가로 배치하기(float, overflow, clear, inline-block)

22:44 배치 질문

해결된 질문

작성

·

157

1

선생님이랑 똑같이 썼는데

parent의 너비 600px에

left에 너비 200

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

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

답변 2

1

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

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

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

0

a토링님의 프로필 이미지
a토링
질문자

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

a토링님의 프로필 이미지
a토링

작성한 질문수

질문하기