如何让html箭头绝对居中,html - 将垂直居中对齐的导航箭头定位到图像的左侧和右侧 - SO中文参考 - www.soinside.com...

我怎样才能让百分比声明起作用(#case-left, #case-right)..？

我的目标是将这两个元素分别对齐图像的左侧和右侧，始终是图像顶部的50％。

如下图所示：

据我所知，我的#nav-container元素不够高。

HTML：

CSS：

#case-example-cover {

height: 100%;

margin-top: 80px;

width: 100%;

}

#case-example-cover #nav-container {

margin: 0 auto;

max-width: 980px;

position: relative;

width: 100%;

}

#case-example-cover #case-left {

background-image: url("http://s7.directupload.net/images/140625/lhmdzrfd.png");

float: right;

height: 38px;

width: 38px;

position: absolute;

left: 0;

top:50%;

}

#case-example-cover #case-right {

background-image: url("http://s7.directupload.net/images/140625/lhmdzrfd.png");

height: 38px;

width: 38px;

position: absolute;

right: 0;

top:50%;

}

#case-example-cover img {

height: auto;

width: 100%;

}

查看我在JS fiddle的当前样本