수다닷컴

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html
head
style
body{padding:0px;margin:0px;}
/style
/head
body
div style=width:615px;height:168px;
div style=float:left;width:110px;height:168px;background-color:yellow;
1번DIV
/div
div style=width:495px;height:168px;background-color:purple;padding-left:10px;
2번DIV
/div
/div
/body
/html

안녕하세요^^

2번 DIV에 float:left;를 지정하지 않으면 padding-left:10px이 적용이 안됩니다.

더군다나 현재코딩으로는 쿼크모드나 IE6에서 1번DIV 우측에 2번DIV가 위치하지 않고

개행이되어서 다음줄에 위치하더라구요..2번DIV의 width를 3px작게 적용시켜주면

그때는 쿼드모드나 IE6에서 1번DIV 우측에 2번DIV가 위치하구요..

잠깐 내용이 다른곳으로 샜네요^^;

어쨋든..

2번DIV에 float:left;를 지정해주면

1번DIV 우측에 2번DIV가 위치하게되면서 2번DIV에 padding-left:10px이 적용이 됩니다.

왜 이런건지 아시는분 설명좀 부탁드려도 괜찮을까요??

신청하기