search

zivenday / learning

知识点脑图，js实现，算法实现。
MIT License
1 stars 1 forks source link

请描述margin边界叠加是什么及解决方案 #52

Open zivenday opened 4 years ago

zivenday commented 4 years ago

margin叠加可以在以下几种情况发生： 1、image.png 2、image.png 3、image.png 4、image.png 要注意的是只有普通文档流中块框的垂直边界才会发生边界叠加。行内框、浮动框或绝对定位框之间的边界不会叠加。 所以以下方法可以解决叠加问题 　　　　　　　　1.外层padding 　　　　　　　　2.透明边框border:1pxsolidtransparent; 　　　　　　　　3.绝对定位postion:absolute: 　　　　　　　　4.外层DIV overflow:hidden; 　　　　　　　　5.内层DIV加float:left;display:inline; 　　　　　　　　6.外层DIV有时会用到zoom:1;