深入理解margin塌陷和margin合并的解决方案
很多前端的初学者,在使用margin的之后或许会遇到一些问题，本文主要介绍了margin塌陷和margin合并，需要的朋友们下面随着小编来一起学习学习吧
前言
小问题总是被人视而不见，等遇到的时候又突然想不起来，所以我们需要经常总结，这可以帮助我们更好的记忆东西。今天我们来总结两个不起眼的小问题：margin塌陷和margin合并
margin塌陷
什么是margin塌陷
我们先来看个例子，然后引出什么是margin塌陷
需求：在父子元素中，通过marigin让父元素相对左边及顶部各距离100px,也让子元素相对于父元素左边和顶部各50px。
代码如下：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | div.father{ width: 200px; height: 200px; background-color: rgb(219, 68, 101); margin-left: 100px; margin-top: 100px;}div.father div.son{ width: 100px;相关推荐
PHP实现部分字符隐藏
沙雕mars · 1322浏览 · 2019-04-28 09:47:56
Java中ArrayList和LinkedList区别
kenrry1992 · 906浏览 · 2019-05-08 21:14:54
5月语言排行榜：R 跌出前二十，Python 紧咬 C++
manongba · 685浏览 · 2019-05-09 17:27:24
Tomcat 下载及安装配置
manongba · 966浏览 · 2019-05-13 21:03:56
什么是SpringBoot
iamitnan · 1084浏览 · 2019-05-14 22:20:36
分类专栏
最新发布
最热排行
 |
0评论