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

关于margin top百分比值的问题

时间:2015-03-14 08:28:27      阅读:201      评论:0      收藏:0      [点我收藏+]

标签:margin-top   百分比   宽度   

不想说今天心情有多差!

9点多开始发现一个"bug",需求是根据屏幕高度动态调整某个div的位置,代码大概是这样的。

    <div style="margin-top: 25%;
                margin-left:25%; 
                      width:50px; 
                     height:50p; 
           background-color: yellow;">
    </div>



演示:


然后就发现,“当窗口宽度变化的时候,margin-top变了,变了!了!!!” ,调了一个晚上,问了好多前端群,贴上代码,竟然没有人知道为什么!!!

最后找到一句话:

‘margin-top‘, ‘margin-bottom‘
Percentages: refer to width of containing block

对,没错,margin-top 设置成百分比的时候,只跟父容器宽度有关!!!宽度!!!谁能告诉我为什么是宽度!!!深深地被自己的无知感动了。嗯!加油吧!

关于margin top百分比值的问题

标签:margin-top   百分比   宽度   

原文地址:http://blog.csdn.net/joueu/article/details/44250925

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