美文网首页
关于margin的小小总结

关于margin的小小总结

作者: 毛毛_000e | 来源:发表于2018-10-21 16:18 被阅读0次

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

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

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

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

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

相关文章

  • 关于margin的小小总结

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

  • 关于Margin

    资料原文 1 margin的重要性 margin作为CSS盒模型基本组成要素之一,是非常Basis的一个技术手段。...

  • 2018-11-01-day4-jd登录界面

    总结:开始时默认margin padding 让所有标签的子标签相对自己定位margin: 0;padding: ...

  • 关于ButterKnife的小小总结

    ButterKnife是一个学习成本比较小,但是性价比比较高的开源库,项目中最近使用ButterKnife框架来简...

  • padding的一些总结

    自之前margin的一些总结之后,这次总结一下常和margin一起出生入死的padding。 一、padding只...

  • css常见布局(三)

    总结下目前学到的小技巧 1 . 解决margin合并问题 border-top = 0.1可以解决margin...

  • DAY03

    2018.07.11学习总结 1.盒子模型margin,padding的传参 1.1margin的传参 1.2pa...

  • 实现垂直居中

    关于margin-top、padding-top、top的取值 一个元素margin-top、padding-to...

  • css中定位元素总结

    总结padding、margin、float、position:relative以及position:absolu...

  • 关于内存管理和地址转换的小小小小小总结

    关键词:32bit分页,物理地址扩展分页,四级页表,ARM的地址转换,CR3寄存器,虚拟地址到物理地址的映射 因为...

网友评论

      本文标题:关于margin的小小总结

      本文链接:https://www.haomeiwen.com/subject/slvbzftx.html