margin-top을 주면 상위 div의 백그라운드도 같이 내려와요
초롱꽃
2023.04.01
margin-top을 주면 상위 div의 백그라운드도 같이 내려와요~!!!
wrap에 background에 색을 주고
그 밑에 contents의 background에 이미지를 넣었는데요 거따가 margin-top을 주니까 wrap에 준 색까지 같이 움직입니다...
이거 어떻게 해결 하죠;;
-
상큼한캔디
float 과 margin 의 방향이 같았을때 일어나는 현상입니다
예를들어 float:left와 margin-left:6px; 를 동시에 쓸일이 있을때
실제로는6이 아니라 12px의 마진값이 생기는것을 의미합니다.
해결방법은 직접 찾아보시는것이 본인에게 도움이 될것입니다^^ -
나미
여튼 알려주신 방식으로 해결했습니다 감사합니다!
-
해님꽃
이중마진 버그는 뭔가요? 네이버에 검색해도 잘 안나오네요;
-
꽃짱아
padding-top주시는건 비추천합니다. 의미적으로 봤을때는 margin-top이 맞는거죠
padding-top을 주시는건 지금겪으시는 현상해결이 귀찮거나 float:을 줬을때 이중마진버그현상등의 폐허입니다
margin과 padding의 차이 중요합니다 ㅎㅎ
차라라 상위div에 overflow:hidden;을 주시거나 display:inline-block;을 주시는게 맞습니다. -
해가빛
패딩 탑을 주니 해결되었습니다 감사합니다!
-
보라나
원래 그렇습니다. padding-top으로 처리하거나, contents에 플롯을 주면 됩니다.
wrap에서 padding-top 주는 방법도 있구요.