Mozilla 한국 커뮤니티

[1]
<BODY>
<div>
	<div>div2</div>
	div1
</div>
body
</BODY>

-----------------------------------------------------------------------------------

Code: Select all

[2]
<BODY>
<div>
	div1
	<div>div2</div>
</div>
body
</BODY>

1번과 2번이 레이아우이 다르게 나오는데 어떻하죠?
두 코드에서 틀린점은 div1 이라는 글자를 두번째 div 앞에 쓰느냐 뒤에 쓰느냐 입니다.
앞에쓰면 두번째div에 써준 마진갑이 제대로 먹히는데
뒤에쓰면 두번째 div의 마진값이 첫번째div 에 먹히네요..왜이럴까요..?

Code: Select all

[BODY style="background:blue; margin:0;"]
[div style="background: red;"]
	[div style="background: yellow; margin: 10px;"]div2[/div]
	div1
[/div]
body
[/BODY]

----------------------------------------------

[BODY style=background:blue; margin:0;]
[div style="background: red;"]
	div1
	[div style="background: yellow; margin: 10px;"]div2[/div]
[/div]
body
[/BODY]

입니다..

뒤에쓰면 두번째 div의 마진값이 첫번째div 에 먹히네요..왜이럴까요..?

잘 이해가 안되는 부분이긴 합니다만, 짐작하자면 내용의 위치에 따라서 margin 값이 이상하게 먹히는거 같다는 질문이신거 같습니다.

margin 이 원하시는데로 먹히려면 감싸고 있는 부모 div 에 float 값을 주어야 합니다. width 값도 주시면 좋겠죠. 100% 라던지요.
가능하시면 padding 을 쓰셔도 됩니다.

margin 이 원하시는데로 먹히려면 감싸고 있는 부모 div 에 float 값을 주어야 합니다.

width 값으로는 성공 못했구요
float 주는거로 성공 햇어요~
감사합니다..

Mozilla 한국 커뮤니티

2중 div 에서 margin이..

2중 div 에서 margin이..

흑... 스타일이 하나도 안들어갔네요.ㅠㅠ

감사합니다.