关于div外边距重叠

发生条件

情况一:两个div垂直边界相邻,margin会等于二者中margin较大的值

              解决方案  1.position:absolute

                             2.float:left

情况二:子元素在父元素内,子元素的margin-top会与父元素的margin-top重叠,值等于二者中较大的,如果只有子元素设置了margin-top,则显示为父元素的margin-top

              解决方案 1.给父元素设置border(给子元素设置边框没有用)

                            2.给父元素设置padding值

                            3.给父元素或子元素添加float:left

                            4.给父元素或子元素添加position:absolute

                            5.给父元素添加overflow:hidden

                            6.给子元素添加display:inline-block

情况三:一个空白元素自身的margin-top和margin-bottom会重叠,值为而这种较大的

             解决方案 1.设置透明border

猜你喜欢

转载自www.cnblogs.com/xhqb/p/9939122.html