firefox min-height屬性沒有丟失但被忽略？

我打算保持這個簡短的說法，我測試過的所有瀏覽器都工作過，firefox是唯一一個決定它不會放棄聲明但忽略它的瀏覽器嗎？firefox min-height屬性沒有丟失但被忽略？

我用下面的CSS

header{height:118px;} 
section#head{padding:0% 12.5%;padding-top:200px;min-height:60%;min-height:calc(100% - (118px + 200px));} 
.splitOb{width:50%;float:left;} 

.clearfix:after{display:block;content:'';visibility:hidden;clear:both;}

而我的HTML

<header> 
    <h1>Header</h1> 
</header> 
<section id="head"> 
    <h1>Make me in the middle D'X</h1> 
</section> 
<section id="examples"> 
    <div class="split clearfix"> 
     <div class="splitOb"> 
      <h2>Left</h2> 
     </div> 
     <div class="splitOb"> 
      <h2>Right</h2> 
     </div> 
    </div> 
</section>

現在我聽說float可能導致Firefox的問題與min-height和家長閱讀，添加overflow:hidden;能解決此問題：

.clearfix{overflow:hidden;}

但是沒有，Firefox仍然想忽略我......請有人告訴我如何獲得Firefox的注意力，並使我的元素正確的高DX

來源

2015-03-03 sourRaspberri

ü可以添加的jsfiddle，因爲這似乎不完整代碼來測試 – 2015-03-03 10:40:15

不認爲這個問題是與鈣，其他明智它放棄聲明。我會添加一個jsfiddle thingy：d – sourRaspberri 2015-03-03 10:51:55

似乎對我很好：http://jsfiddle.net/5jk81kus/3/，不知道這是否只是複製和粘貼錯誤，但你錯過了關閉'}'從'節＃頭'風格 – Pete 2015-03-03 11:01:09

可能會幫助你。

使用瀏覽器的前綴：

/* Firefox */ 
 
-moz-calc(75% - 100px); 
 
/* WebKit */ 
 
-webkit-calc(75% - 100px); 
 
/* Opera */ 
 
-o-calc(75% - 100px); 
 
/* Standard */ 
 
calc(75% - 100px);

來源

2015-03-03 10:51:10

謝謝，但我不認爲我的問題是'calc'？似乎是浮動？：S – sourRaspberri 2015-03-03 10:52:44

firefox min-height屬性沒有丟失但被忽略？

回答

相關問題