为什么选择铬和狩猎的边缘不同？

Question

1. Chrome和safari都支持webkit。那么为什么margin-top不同的铬和Safari浏览器？

2. 这是什么解决方案？我不想尝试padding-top ..因为某种原因。

这是响应式设计我的演示代码。

<div id='demo'></div> 

#demo{ 
    position:absolute; 
    margin-top:22%; 
    width:10%; 
    border:1px black solid; 
    height:5%; 
} 

JSFIDDLE

Answer 1

ANWER

1. 我没有得到我的第一个问题的答案。

但我得到了我的第二个问题的答案。

<div class='test'> 
     <div id='demo'></div> 
    </div> 

#demo{ 
    position:absolute; 
    width:10%; 
    border:1px black solid; 
    height:5%; 
    bottom:0; 
    right:0; 
} 
.test{ 
    position:relative; 
    width: 500px; 
    height:500px; 
} 

增加position:relative于母公司的股利和替代margin-top我用

bottom:0; right:0;