float:left를 안써주면 padding이 적용이 안되는데 아시는분 계신가요?
핫핑크
!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이 적용이 됩니다.
왜 이런건지 아시는분 설명좀 부탁드려도 괜찮을까요??
-
알버트 2025-02-26
그래서 padding-top은 적용이 되는데 padding-left가 적용이 안되었던거네요.
감사합니다~^^*
수다님 乃+_+ -
후유 2025-02-26
2번 div가 1번 옆에 있어 보인다고 올바른 위치를 잡고 있는게 아닙니다.
눈으로 보이는건 옆에 있을지라도 논리적인 위치는 1번하고 겹쳐? 있는 형태입니다.
2번 div에 패딩값을 1번 div에 widht 값 +10으로 해보시면 제가 한 말이 쉽게 이해 되실겁니다.
그러니까.해결책은 2번 div도 float: left;를 해줘야 합니다.