HTML&CSS
float:left
쿡아이디어
2013. 7. 4. 20:52
방가
안녕
방가
안녕
자 두개의 경우는 비슷하지만 다르다잉~~
위에있는거의 노란색 부분은 div, 아래있는 것은 span이다.
div는 블락속성이기때문에 박스형태로 보여지게 되는데, 이때 주의할 것이 영역은 그렇게 차지를 하지만,
안에 있는 내용물은 float:left의 영향을 받아서 빨간색 영역 바깥으로 밀려난다는 것이다.
span은 인라인 속성이라서 박스형태가 아니고, 빨간색 div와 겹쳐지는 부분없이, 딱 그부분만 , 차지하면서
float:left가 되어진다.
으~ 어렵도다.