关于margin的小小总结

margin就是元素的外边距,大家都很熟悉他的用法啦,我要说的是平时在工作中用到margin时遇到的坑!

大多数页面的顶部元素都会与页面的顶边有距离,那这种情况要怎么处理呢?

我知道的处理方法有1>设置父元素(有可能是body)的padding-top值

2>如果直接给子元素一个外边距,那么就会发生外边距合并的现象,这时候就需要给父元素设置一个border值(有borer就不是紧贴在一起了),让border颜色与背景色一致既可

3>设置父元素的溢出属性overflow:hidden,原理是触发了bfc,生成了bfc的元素不会与子元素外边距发生重叠

你可能感兴趣的:(关于margin的小小总结)