HTML&CSS

float:left

쿡아이디어 2013. 7. 4. 20:52
방가
안녕

방가
안녕



자 두개의 경우는 비슷하지만 다르다잉~~

위에있는거의 노란색 부분은 div, 아래있는 것은 span이다.

div는 블락속성이기때문에 박스형태로 보여지게 되는데, 이때 주의할 것이 영역은 그렇게 차지를 하지만,
안에 있는 내용물은 float:left의 영향을 받아서 빨간색 영역 바깥으로 밀려난다는 것이다.


span은 인라인 속성이라서 박스형태가 아니고, 빨간색 div와 겹쳐지는 부분없이, 딱 그부분만 , 차지하면서
float:left가 되어진다. 

으~ 어렵도다.