小编Han*_*ger的帖子

我在其他div中的位置div相对有问题.

我想制作一个位于屏幕水平中间位置的div,在这个div中我想放置另外3个具有相同高度的div.但他们所有人都应该做出回应.

一张图片说的多于单词:)

<div id="zwrapper">
 <div id="z1" class="row"></div>
 <div id="z2" class="row"></div>
 <div id="z3" class="row"></div>
</div>

blu元素是HTML

html{
  background: steelblue;
  height: 100%;
  width: 100%;
  top:0; left:0; bottom: 0; right:0;
}

石灰一个是div (#zwrapper),我想添加三个红色div.

#zwrapper{
  height: 81%;
  top: 10%;
  width: 100%;
  left: 0;
  position: absolute;
  background: lime;
}

红色的div会产生问题.所有div都有30%的高度.第一个应该对齐顶部,第三个对齐到底部.带有id的中间div #z2是唯一获得边距的div 5%.

.row{
  position: relative;
  width: 80%;
  background: red;
  height: 30%;
 }
 #z2{
  margin: 5% 0;
 }

我的想法是将3个高度为30%的div放入包装中,并给中间的一个5%的边距(顶部/底部),这样我的高度为100%.但这不起作用.

如果我在宽度上调整窗口大小,红色div的高度会改变,但我不会改变高度.

我做了一个小提琴来证明这一点.http://jsfiddle.net/ELPJM/

提前致谢

我想仅在未设置时在 javascript 对象中设置值。我的（测试）函数如下所示：

var test = function(){
    this.value = {};

    this.setValue = function(seperator, newValue){
        console.log((this.value[seperator] === "undefined"));  //Why both times false?
        if(typeof(this.value[seperator] === "undefined")){
            this.value[seperator] = newValue;
        }else{
            //noop
        }
        console.log(this.value[seperator]);
    }
}
var blubb = new test();

blubb .setValue("foo","bar");
blubb .setValue("foo","notme");

在 js 控制台中它返回

false
bar
false
notme

有人能告诉我为什么我的“未定义”测试两次都告诉我没有定义吗？

提前致谢