Html 为什么chrome和safari的边距顶部不同？

Chrome和safari都支持

webkit

。那么为什么chrome和safari的页边页眉不同呢

解决这个问题的办法是什么？由于某种原因，我不想尝试在顶部填充

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

#演示{
位置：绝对位置；
利润率最高：22%；
宽度：10%；
边框：1px黑色实心；
身高：5%；
}

Anwer

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

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

    <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;
}

    <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;
}

bottom:0;  right:0;