viewimage.php?id=3dafdf21f7d335ab67b1d1&no=24b0d769e1d32ca73dec87fa11d0283123a3619b5f9530e1a1306968e3ddca0eab3518c91539d21ac86ded65a96b3e8f344eae1b72528d71d587b42d1ca5d5166861811fc5211a

<div id="A">

<div id="blue">

</div>

</div>

<div id="B">

</div>


#blue {

margin-right: 8px;

}


(A,blue,B에는 다 display: inline-block; 줌)


대충 이런식으로 입력을 하니까 위에 그림처럼 blue컨텐츠에 마진을 줬는데도 B가 마진을 씹고 A옆에 배치가 됩니다

기대했던건 blue마진 만큼 A, B가 떨어지는거였는데 이거 왜이런건가요ㅜㅜ A한테 마진주면 기대한것처럼 나오는데 blue에 마진 주면 안되는 이유가 너무 궁금합니다

마진상쇄는 아닌거같고 block formatting context 문제인거 같기도 한데 한말씀씩만 부탁드려요