Login
网站首页 > 文章中心 > 其它

margintop影响父级_margin一top

作者:小编 更新时间:2023-07-15 13:38:19 浏览量:371人看过

定义了margin,然后把margin-top的值写在人家屁股后面,前面的margin就失灵卖磨了。。嗯,中蠢斗应该说是它被覆盖了、、因为对于同一个样式值,只会调用最后面的那一个档差。。

嗯,希望对你有所帮助。。

怎么失效。你是说父子元素的margin合并吧。

子元素的margin-top如果是20px

父元素的是10px

那么合并之后的效果胡轮就是20px。

margintop影响父级_margin一top-图1

感觉好像父元素燃闹的margin-top=10px不起作用了

如果你想避免发生父子间的margin合裤段信并现象。

就必须要给父元素设置padding。或者border

把父子的margin之间隔开。

一般来说,为父元素设置一个1px的padding-top就可以了。

HTML

margintop影响父级_margin一top-图2

CSS

1. 两个元素为同级元素 ,即当一个元素出现在另一个元素上芦逗携面时,第一个元素的margin-bottom与第二个元素的margin-top发生合并,合并陪伏后的margin值是margin-bottom和margin-top中较大的那一个

2. 当两个元素嵌套 ,即一个元素包含在另一个元素中时(假设没有padding或border把两个元素的margin分隔开),它们的margin-bottom和/或margin-top也会发生合并,合并后的margin值同样也是指皮margin-bottom和margin-top中较大的那一个; 该问题就属于这一种情况 。

3. 假设有一个空元素,且不设置它的宽高, 它有margin-bottom和margin-top,但是没有padding或border。在这种情况下,margin-bottom和margin-top就碰到了一起,它们也会发生合并,合并后的margin值同样也是margin-bottom和margin-top中较大的那一个。

如果这个外边距遇到另一个元素的外边距,它还会发生合并。

设置float属性

父元素设置padding-top

给父元竖稿素设置overflow:hidden;

或不给子元素设置margin-top而祥仔是给它的父元素设余宴孝置border-top并设置box-sizing属性

常用以下四种方斗耐灶法:

1、父空扮元素设置 overflow:hidden;

2、父元素设置 padding-top:1px;

3、父元素设置 border-top:1px 亩中solid transparent;

4、父元素或子元素设置浮动 float:left; 或者绝对定位 position:absolute;

margintop影响父级_margin一top-图3

以上就是土嘎嘎小编大虾米为大家整理的margintop影响父级_margin一top相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章