Firefox混合流体布局问题

Question

我正在研究这种布局（垂直居中，流体中间div，固定高度） http://jsfiddle.net/chchrist/uyzJj/13/

我的问题是在Firefox中，＃bluebox的位置与div＃wrapper无关。我该如何解决这个问题？

提前致谢。

Answer 1

选项1

在#wrapper上将display: table-cell更改为float: left即可解决您的问题。 实例：http://jsfiddle.net/uyzJj/18/

#wrapper {
    border: 1px solid #000000;
    float: left;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

选项2

在#superWrapper上将display: table更改为display: block将解决您的相对问题。