上外边距margin-top透过父元素 下外边距margin-bottom失效 解决

原因：父元素没有设置相应的border和padding

三种解决方法:

  1. 给父元素加边框
  2. 给父元素加内边距
  3. 让父元素变成独立的BFC (BFC内部元素不会影响外部布局，也就不会穿透了)
posted @ 2021-06-22 19:17  海胆Sur  阅读(9)  评论(0)    收藏  举报  来源