Html Safari无法识别负边距顶部

我有一个底部有阴影的流体宽度容器。边距的顶部边距为负值，在FF、Chrome、IE8+中可以正常工作，但在Safari中则不行。理论上，我甚至不认为我需要一个负的边距来使阴影和内部部分堆叠，但显然我需要。想法

HTML:

---

1。解决方案

添加垂直对齐属性并删除负边距

.banner_wrap .inner {
    height:auto;
    display:inline-block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
    vertical-align: top; /*this line*/
}

.banner_wrap .inner {
    height:auto;
    display:block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
}

2。解决方案

逐块替换内联块并删除负边距

.banner_wrap .inner {
    height:auto;
    display:inline-block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
    vertical-align: top; /*this line*/
}

.banner_wrap .inner {
    height:auto;
    display:block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
}

---

1。解决方案

添加垂直对齐属性并删除负边距

.banner_wrap .inner {
    height:auto;
    display:inline-block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
    vertical-align: top; /*this line*/
}

.banner_wrap .inner {
    height:auto;
    display:block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
}

2。解决方案

逐块替换内联块并删除负边距

.banner_wrap .inner {
    height:auto;
    display:inline-block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
    vertical-align: top; /*this line*/
}

.banner_wrap .inner {
    height:auto;
    display:block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
}

---

1。解决方案

添加垂直对齐属性并删除负边距

.banner_wrap .inner {
    height:auto;
    display:inline-block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
    vertical-align: top; /*this line*/
}

.banner_wrap .inner {
    height:auto;
    display:block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
}

2。解决方案

逐块替换内联块并删除负边距

.banner_wrap .inner {
    height:auto;
    display:inline-block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
    vertical-align: top; /*this line*/
}

.banner_wrap .inner {
    height:auto;
    display:block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
}

---

1。解决方案

添加垂直对齐属性并删除负边距

.banner_wrap .inner {
    height:auto;
    display:inline-block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
    vertical-align: top; /*this line*/
}

.banner_wrap .inner {
    height:auto;
    display:block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
}

2。解决方案

逐块替换内联块并删除负边距

.banner_wrap .inner {
    height:auto;
    display:inline-block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
    vertical-align: top; /*this line*/
}

.banner_wrap .inner {
    height:auto;
    display:block;
    width:100%;
    overflow:hidden;
    position:relative;
    background: #ddd;
}

---

谢谢！仅供参考，我使用了解决方案2。谢谢！仅供参考，我使用了解决方案2。谢谢！仅供参考，我使用了解决方案2。谢谢！仅供参考，我使用了解决方案2。