现象：
当两个空的块级元素嵌套时，如果内部的块设置有margin-top属性，而且父元素没有下边解决方法所述的特征，那么内部块的margin-top属性会绑架父元素（即将margin-top传递凌驾给了父元素）。
就好比一个小兵，看到上级有漏洞，就假传圣旨，利用漏洞扩张自己的权利。只要设置父元素的border（栅栏）或者padding（隔离墙），就能管住这个调皮的下属。
#parrent{ width:500px; height:300px; background:teal;}#box1{ width:100px; height:100px; background:aqua; margin:20px;}
解决方法：
1、设置父元素或者自身的display:inline-block;
2、设置父元素的border:1px aqua solid;(>0)
3、设置父元素的padding:1px;(>0)
4、给父元素设置overflow:hidden;
5、给父元素或者自身设置position:absolute;
6、设置父元素非空，填充一定的内容。
margin-top失效及解决办法 现象： 当两个空的块级元素嵌套时，如果内部的块设置有margin-top属性，...
15.失效分析 15.1 失效分析的概念 失效分析是 【1】判断产品失效的模式 【2】查找失效原因和机理 【3】提...
11.1 齿轮传动的失效形式和设计准则 11.1.1 失效形式 齿轮传动的失效通常发生在轮齿部位，其主要失效形式有...
当钥匙串中的 iphone Developer文件都失效的时候，可以查看： 这个文件是否失效如果 失效请重新下载：...
15.4 失效机理（Failure mechanism） 即失效的内因，是导致发生失效零部件和材料的物理、化学、热...
索引失效
迭代器在移除元素时迭代器可能失效。vector如果开辟新的内存时迭代器可能失效。新增元素时尾迭代器可能失效。......
权利失效理论 权利失效是一个“有权不用，过期作废”的制度...
Unity中一切皆对象，对象皆组件 对象失效，对象的组件当然就失效了，但组件失效，对象只是少了一个组件而已。。。 ...
病的厉害的时候， 突然觉得连药都不管用感觉药失效了。
本文标题：2019-07-17margin-top失效、
本文链接：https://www.haomeiwen.com/subject/fpshlctx.html
网友评论