码迷,mamicode.com
首页 > 其他好文 > 详细

margin详细

时间:2018-07-25 19:06:26      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:idt   width   影响   height   9.png   分享图片   垂直居中   意思   image   

影响元素位置

技术分享图片

 

技术分享图片

 

margin把元素推开了

技术分享图片

 

 技术分享图片

 

如果没有指定widtht的时候

margin会影响长度

父元素减去两个margin值,剩下的就是元素的长度了

技术分享图片

 

不指定height不行,直接就看不见了

 

 

垂直居中

技术分享图片

 

 我也不知道margin负值的意思

技术分享图片

 

正常情况下的负值

技术分享图片

 

技术分享图片

 

 

正常情况下

技术分享图片

图片浮动后

技术分享图片

 

技术分享图片

 

 

浮动后,后面的元素会顶着你,但是不会覆盖哦

 

 

直接指定父元素width,没有环绕

技术分享图片

 

margin详细

标签:idt   width   影响   height   9.png   分享图片   垂直居中   意思   image   

原文地址:https://www.cnblogs.com/weizhibin1996/p/9367615.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!