div1 왜 div에 있는 p에 float:left를 하면 div의 background가 없어지나요? p1 p2 p3 background가 사라지는 것이 아니라 height가 0이 되어버려서 그렇습니다. 어떤 엘리먼트의 height는 특별히 지정해주지 않는다면 그 안에 들어있는 다른 엘리먼트들의 height값에 좌우됩니다. 정확히 말하자면, 이런 구조가 있다고 할 때, a의 높이는 따로 지정해주지 않는다면, "a의 하부구조(여기서는 b)들이 차지하고 있는 영역의 높이" + "a의 padding값"에 의해 결정됩니다. 이에 따르면 a의 padding값이 없고 b의 높이도 0일 경우, a도 0 이 되어버리죠. 일반적인 경우라면 이렇게 자동으로 height를 계산해서 렌더링하는 것이 편리합니다만, 문제는 float을 쓸 경우. float은 해당 엘리먼트를 "띄웁니다.(floating)" 다른 엘리먼트의 영역과.. 2012. 7. 31. 이전 1 다음