<body>和div與顯示之間的奇怪間距：box

這是非常奇怪的，沒有像邊距或填充，但我仍然有一個空間和第一個div是100％的高度和寬度，與顯示：框屬性。<body>和div與顯示之間的奇怪間距：box

測試在Firefox 20

</head> 
<body> 
<div id="outer"> 
<div id="blueDiv"> 
</div> 
</div> 
</body> 
</html>

2013-04-17 JorgeeFG

請不要使用性質'display：box'），而不包括現代規範的屬性（'display：flex'）。那些老房子不會永遠在這裏！ https://gist.github.com/cimmanon/727c9d558b374d27c5b6 – cimmanon

@cimmanon謝謝我只是跟着一個嘖嘖。 – JorgeeFG

如果添加vertical-align: top到#outer，空間消失，從2009年的Flexbox的規範（

2013-04-17 14:59:55 fcalderan

謝謝，這是有效的，爲什麼？ – JorgeeFG

使用'display：box'實現規範的Firefox版本相當麻煩，並且會做各種意想不到的事情。 Firefox將* flex容器*視爲更像是內聯表而不是塊，所以我不會感到驚訝的是，像這樣的東西可以工作。 – cimmanon

不，我只是假設具有這種顯示屬性（我從來沒有使用過）的對象可能有一個默認的基線垂直對齊，因爲內嵌塊元素o內聯替換元素（如圖像） – fcalderan

回答