문자열이 넘치는 경우, BFC와 IFC는 어떻게 동작하나?
BFC
BFC의 width는 default 값이 부모의 너비다. 위 코드에선 스타일 속성이 있기 때문에 10px을 가진다. fragment는 자식 inline 요소와 상관없기 때문에 빨간 박스의 크기는 자식 요소 크기에 영향을 받지 않는다.
IFC
IFC의 width는 모든 자식 요소들의 height의 합이다. 그렇기 때문에 inline 요소인 span 태그의 fragment는 자식 요소의 크기 만큼 정해진다.