묻고 답해요

float 가로배치와 border boxing 질문드립니다.

해결됨

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

CSS로 HTML 가로 배치하기(float, overflow, clear, inline-block) 두 가지 질문인데요. 1. left에는 float:left 를 적용하고 right 에는 float:right; 적용하면 잘 배치가 되는데요. float:right 를 적용하지 않은 상태가 궁금하였습니다. 그랬더니 이렇게 동일한 너비값으로 보이는데요 right가 가려진 것으로 이해해야하나요? 뒷부분 강의에서 section 아래 article 를 적용할때는 float:left;를 주면 3개의 artile이 나란히 가로로 배치가 되잖아요. div하고 seaction article태그의 차이인가요? ---------------------------------------------------------------------------------------------------------------------------------- 2. 가로배치하는 두번째 방법인 inline-block 일때요. box-sizing:border-box 속성이 궁금해서 seaction 너비를 600으로 지정하고 article 보더값이 넘쳐서 배치되지 않는 것을 box-sizing를 줘봤는데요. 위의 float 방법에서처럼 가로로 배치가 되지 않네요. 이 부분도 궁금해서 질문드립니다.

• float
• jquery
• border-boxing
• HTML/CSS