奇怪的事情有關的位置：在Firefox

絕對我有這樣的結構：奇怪的事情有關的位置：在Firefox

<div class="content"> 
    <div class="board"></div> 
</div>

那麼，這裏是CSS：

.content{ 
    height: 155px; 
    left: 0; 
    top: 30px; 
    width: 300px; 
    position:absolute; 
    background-color:black; 
} 

.board{ 
    -moz-box-align: stretch; 
    -moz-box-orient: horizontal; 
    -moz-box-pack: center; 
    display: -moz-box; 
    height: 100%; 
    width: 100%; 
    background-color:red; 
}

的問題是：.board DIV應該是完全與.content div相同。但是，。div div似乎向下移動了一下，下面是jsFiddle（在FireFox中打開它！）：http://jsfiddle.net/hxhxhx33/5etU5/

我認爲問題出在「位置：絕對：.content div ..」

如何解決？

來源

2012-02-06 HanXu

這不是position:absolute;，它是display: -moz-box;導致了問題。

爲了補償，給.board一個position:inherit;

http://jsfiddle.net/5etU5/1/

來源

2012-02-06 05:24:28 AlienWebguy

...那麼......如何解決這個問題？ – HanXu 2012-02-06 05:41:25

查看更新的答案。 – AlienWebguy 2012-02-06 06:14:40

@alienwebguy moz-box是問題，__刪除它或使它「塊」解決了問題，不是嗎??它與位置有什麼關係??只是好奇.. – 2012-02-06 10:42:08

奇怪的事情有關的位置：在Firefox

回答

相關問題