绝对位置div与javascript / css

Question

我得到了这个PSD设计，我需要编写HTML代码，它有一个幻灯片，旁边有一个导航按钮，前面是浏览器窗口的两侧（左边和右边），所以我想你可以做CSS position: absolute对于两个div，一个到left: 0;和right: 0;但是它们会留在浏览器屏幕顶部的两侧，根据设计，它们必须位于浏览器屏幕垂直高度的中间位置。所以我的意思基本上就是使用jsfiddle：http://jsfiddle.net/ZVL8W/拿这些块：

并将它们定位如下：

所以我想知道可能会包含javascript，因为这些div会在一些设置宽度的深div结构中，所以幻灯片控件div会以某种方式需要能够从父容器的设置宽度移出。

Answer 1

检查出来：http://jsfiddle.net/ZVL8W/3/
无论屏幕大小如何，都具有相同的高度。

 .left-box {
        width: 100px;
        height: 100px;
        background-color: red;
        display: block;
        position:absolute;
        top:50%;
        left:0px;
        margin-top:-50px;
    }
    .right-box {
        width: 100px;
        height: 100px;
        background-color: blue;
        display: block;
        position:absolute;
        top:50%;
        right:0px;
        margin-top:-50px;
    }

Answer 2

你可以通过CSS完成所有工作：http://jsfiddle.net/ZVL8W/7/

.left-box {
    width: 100px;
    height: 100px;
    background-color: red;
    display: block;
    position:absolute;
    top:50%;
    margin-top:-50px;
    left:0;
}
.right-box {
    width: 100px;
    height: 100px;
    background-color: blue;
    display: block;
    position:absolute;
    left:100%;
    margin-left:-100px;
    top:50%;
    margin-top:-50px;
}