margin에 대해서...
세실
2023.04.01
안녕하세요~ margin이 제가 의도한것과 다른 식으로 보여질때가 종종 있어서요~
왜그런지, 좀 정확한 이유를 알고 싶어서 이렇게 문의 드립니다.
div class=AA
div class=BB
여기가 안에 박스 마진을 준 부분입니다.
/div
/div
css..
.AA{position:relative;width:900px;background-color:#333;}
.BB{width:500px;margin:20pxauto 0 auto; background-color:#fff;}
위와 같이 주었을 때, AA 의 회색 배경 위에 BB의 하얀 배경이 들어가있어서
상단에 margin값으로공간을 주려고 합니다.
BB에 margin으로 공백을 주면,
AA의 회색 배경까지 함께 margin-top:20px;이 먹습니다.
padding으로 주면 상관이 없는데...
margin-top부분만 그렇게 먹는것 같은데요...
익스에서는 괜찮은것 같고, 오페라 크롬등에서 그렇게 나오는것 같습니다.~
margin이 버그가 좀 있다고 들은것 같긴 한데...
혹시, 정확한 설명을 좀 해주실 수 있으신 분~ 부탁드릴께요.
매번 같은 상황을 반복하는것 같아서, 정확히 이해를 좀 하려고요~
