Safari中带内联块的嵌套DIV会导致父级的同级元素未对齐

我试图使用CSS display:inline块对齐一组由DIV元素组成的按钮，这些元素沿着网页底部排列。我附上了一份说明这个问题的报告

问题是，除了Safari7、8之外，当前的代码适用于所有现代浏览器。我不知道这是Safari使用的WebKit中的一个bug，还是我不使用正确的咒语而允许发生的事情

触发不需要的行为的是嵌套的DIV.btn-sub；但是，删除该文本不是解决问题的选项

以下是Firefox 34中的预期行为快照，IE 9、10和最新Chrome上的类似行为：

以下是在Safari上发生的事情：

---

任何帮助都将不胜感激

在行/列表中创建内联阻止元素（如导航）时，通常最好使用列表

这里的问题似乎是块被直接设置为填充；它是父母的亲戚。不知怎么的，它变成了一个边缘或类似的东西

您可以尝试剥离CSS，直到从块中获得一个完整的高度，然后添加另一个内部div，您可以调用.btn padding，它包含顶部填充

这里是相似的

正文，html{ 身高：100%； 保证金：0； 背景：绿色； } 包裹{ 显示：块； 宽度：100%； 位置：固定； 底部：0px； 高度：50px； 边界：0； 背景颜色：蓝色； 颜色：fff； } btnls{ 显示：块； 列表样式类型：无； 宽度：100%； 身高：100%； 保证金：0； 填充：0； } 李小玲{ 显示：内联块； 右边距：10px； 背景颜色：紫色； 最小宽度：158px； 最大宽度：300px； 高度：50px； 文本对齐：居中； 垂直对齐：中间对齐； 光标：指针； 溢出：隐藏； 文本溢出：省略号； 空白：nowrap； } btnls li.btn填充{ 显示：块； 填充顶部：10px； 宽度：100%； 高度：50px； } btnls li.btn padding.sub btn{ 显示：块； 字体大小：x-small； 保证金：0； 填充：0 } 福 酒吧 福 福

---

从我所做的测试来看，它似乎是类的padding top:15px元素。