margin与padding的bug

Posted lvxisha

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了margin与padding的bug相关的知识,希望对你有一定的参考价值。

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的主要内容,如果未能解决你的问题,请参考以下文章

margin与padding

margin和padding的用法与区别--以及bug处理方式

HTML CSS——margin与padding的初学

android:padding 与 android:margin的差别

padding margin

margin与padding的bug