margin与padding的bug

标签：bottom   页面布局   spl   布局   padding   otto   bug   top   display   

1、在页面布局时，值对于块元素来说，相邻的两个兄弟块元素间的margin-top与上一个兄弟的margin-bottom重合时，

　　　　解决办法：对其中一个块元素中设置    display:inline-block;

2、行元素间margin问题

　　对行元素设置是margin 效果显示不出来，解决办法：  在元素中设置  display:block;或者display:inline-block;

3、行元素间padding问题

　　在页面布局时，值对于行元素来说，相邻的两个兄弟行元素间的padding-top与上一个兄弟的padding-bottom不显示效果，

　　　　解决方法: display:block;或者display:inline-block;

margin与padding的bug

标签：bottom   页面布局   spl   布局   padding   otto   bug   top   display   

原文地址：https://www.cnblogs.com/lvxisha/p/9711161.html