首页 > 其他 > 详细

嵌套div的margin-top使用注意

时间:2018-04-30 13:18:51      阅读:243      评论:0      收藏:0      [点我收藏+]
第一种情况:
两个div,嵌套关系,也就是父子关系,没有任何的内容

技术分享图片

各自的css样式如下:

技术分享图片

实现的效果,如下:

技术分享图片

第二种情况:

如果此时给父级元素加点内容,如图所示
技术分享图片

各自的css的样式不变,最后的效果如图所示:

技术分享图片

总结:所以在使用margin-top时我们需要多注意一下的

嵌套div的margin-top使用注意

原文:http://blog.51cto.com/11871779/2109212

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!