嵌套div的margin-top使用注意
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了嵌套div的margin-top使用注意相关的知识，希望对你有一定的参考价值。
第一种情况：
两个div，嵌套关系，也就是父子关系，没有任何的内容
各自的css样式如下：
实现的效果，如下：
第二种情况：
如果此时给父级元素加点内容，如图所示
各自的css的样式不变，最后的效果如图所示：
总结：所以在使用margin-top时我们需要多注意一下的
以上是关于嵌套div的margin-top使用注意的主要内容，如果未能解决你的问题，请参考以下文章
求教我一个div下面嵌套了另一个div，当我设置子div的margin-top的值时，为啥父div也跟着变成
多个div嵌套时，内部div的上间距（margin-top）会带动外围div一起，怎样解决这种问题呢？