定义了margin,然后把margin-top的值写在人家屁股后面,前面的margin就失灵卖磨了。。嗯,中蠢斗应该说是它被覆盖了、、因为对于同一个样式值,只会调用最后面的那一个档差。。
嗯,希望对你有所帮助。。
怎么失效。你是说父子元素的margin合并吧。
子元素的margin-top如果是20px
父元素的是10px
那么合并之后的效果胡轮就是20px。
感觉好像父元素燃闹的margin-top=10px不起作用了
如果你想避免发生父子间的margin合裤段信并现象。
就必须要给父元素设置padding。或者border
把父子的margin之间隔开。
一般来说,为父元素设置一个1px的padding-top就可以了。
HTML
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相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!