解决margin重叠问题以及margin的一些属性

我们平时写代码的时候子元素给margin-top,会导致父元素下移,有什么解决方案呢?以下是我的3个小解决方案

1给父元素加

padding-top:1px

2给父元素一个边框

border:1px solid red

3就是给父元素一个溢出隐藏

overflow:hidden

margin的一些属性

margin 是指所有外边距属性。该属性可以有 1 到 4 个值。
这个属性允许使用负值,但我们一般不介意使用下面是一些值代表的意思
列如1

margin:10px;

这代表上下左右的外边距都是10像素
2

margin:10px 8px;

这代表上下边距为10像素,左右为8像素
3

margin:6px 8px 10px;

这代表上外边距为6像素,左右为8, 下为10
4

margin:9px 6px 3px 1px;

这代表上为9像素,右为6,下为3,左为1,它的顺序是顺时针旋转

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容