你的位置:首页 > 网页设计

[网页设计]margin collapse 之父子关系的DIV


 

打算花点时间将知识整理一下,虽然平时现用现查都能完成工作,可是当遇到面试这种事情的时候,临时查就来不及了。。。

 

关于margin,整理若干知识点如下:

 

一:父子关系的DIV标签以及未加margin时的样式

然后我们给父级和子集都加上margin如下:

实际效果如下:

 

我们会发现,蓝色的div的marginTop并没有起作用,这个就是所谓的marginCollapse(边界重叠),只计算二者最大的margin值进行显示,之前写Css的时候也常遇见,却不知道还有这么高大上的名字。。。惭愧。

 

整理解决方案如下:

  1.父div加一个border;

  2.父div加一个overflow:hidden;

  3.父div加padding;

  4.父或子div加float;

  5.父且子div加display:inline-block;

  6.子div加display:inline-block;

如有遗漏,欢迎补充。

 




几月去安徽旅游最好去安徽的旅游团价格去安徽旅游必去景点去安徽旅游要多少钱去安徽旅游最佳路线东莞龙凤山庄樱花节门票多少钱?2015龙凤山庄樱花节门票价格? 东莞樱花什么时间开?东莞赏樱花的好地方? 东莞哪里有樱花节?2015东莞樱花节时间地点? 东莞龙凤山庄樱花最佳观赏时间?龙凤山庄樱花几月份最好看? 舌尖上的海南 海南二十大风味小吃 热热闹闹逛成都庙会 欢欢喜喜过川味新年 去宁夏不得不品尝的十大美味 去东北旅游光吃猪肉炖粉条已远远不能满足味蕾 古城赣州十大浪漫之地 带上那个TA浪漫走起 深圳野生动物园亲子票2015价格?深圳西丽野生动物园多大小孩收费? 金秋十月 安徽赏红叶地推荐 低调的华丽 河南风情古镇大盘点 香港马场好玩吗?香港马场怎么去? 在香港旅游打电话是算国内漫游还是国际漫游? 香港金厕所真的是金子建的吗?要门票吗? 香港有哪些外国的美食?香港在哪里可以吃到外国美食? SQCA5A391GAJWE Datasheet SQCA5A391GAJWE Datasheet AQ12EA4R3BAJWE Datasheet AQ12EA4R3BAJWE Datasheet 08055C802JAT2A Datasheet 08055C802JAT2A Datasheet 黑龙江去香港澳门旅游 黑龙江去香港澳门旅游 黑龙江去香港澳门旅游 大兴安岭去港澳游 大兴安岭去港澳游 大兴安岭去港澳游 佳木斯出发去香港游 佳木斯出发去香港游 佳木斯出发去香港游