position:relative配合使用left:50%和top:50%，left有效，top失效

Question

在父元素使用position:relative 配合使用了left:50%以及top:50%,但其中top:50%没有起到效果。代码如下：

#rectangle {
    position: relative;
    left: 50%;
    top: 50%；
    width: 400px;
    height: 200px;
    background-color: #ccc;
}

Answer 1

html,body的默认高度是auto。

Answer 2

加上

html,body{height:100%;}

Answer 3

从你的代码看是因为 分号
top 右边的分号是中文
即；
应该是英文的
即;
导致该属性值与下一行的 width 混在一起无法解读
但 width 显示正常应该是子元素撑开所致。