我正在研究这种布局(垂直居中,流体中间div,固定高度) http://jsfiddle.net/chchrist/uyzJj/13/
我的问题是在Firefox中,#bluebox的位置与div#wrapper无关。我该如何解决这个问题?
提前致谢。
答案 0 :(得分:0)
选项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
将解决您的相对问题。