垂直方向设置margin-top:100px;
并没有出现想要的效果，依然是顶着左上角
实际上这是因为当父元素没有设置padding值以及border值时，出现了一个bug：“父元素的上方与子元素的上方完全重合在了一起，无法分开”。所以才会导致上述这种父元素和子元素同时向下的情况。
两种最简单的解决方法：
-
方法一：给父元素添加padding-top值
-
方法二：给父元素添加border值
相关文章：
相似解决方案
热门标签
垂直方向设置margin-top:100px;
并没有出现想要的效果，依然是顶着左上角
实际上这是因为当父元素没有设置padding值以及border值时，出现了一个bug：“父元素的上方与子元素的上方完全重合在了一起，无法分开”。所以才会导致上述这种父元素和子元素同时向下的情况。
两种最简单的解决方法：
方法一：给父元素添加padding-top值
方法二：给父元素添加border值
相关文章：