2016-11-27 28 views
-1

在這個底部有一個帶有一些樓梯的全寬圖片。我想在500px左右的高度製作。高度在線工作,但不是外部css

它的工作原理,當我設置一個內嵌的高度:

<section class="pv-40 ding-bottom-clear parallax dark-translucent-bg hovered background-img-4"> 
     <div class="container"> 
      <div class="row"> 
      <div class="col-md-8 col-md-offset-2"> 
       <div class="testimonial" style="height: 500px;"> 

       </div> 
      </div> 
      </div> 
     </div> 
    </section> 

但是,當我在CSS它不工作設定的高度,我不明白爲什麼?

<div class="testimonial controlHeight"> 

</div> 

CSS

.controlHeight { 
    height: 500px; 
} 

這是一個有很多行CSS代碼的CSS文件,那麼該文件被調用。我想也許有些東西被覆蓋,所以我試圖將它設置在CSS文檔的末尾,但仍然沒有調用。

+0

嘗試設置重要的高度:在colorHeight類500px。可能你有一些規則是比這個「更強」。 –

+0

你不需要在css風格中使用駱駝案例 –

+0

謝謝你的答案。我只是試圖設置'.controlHeight高度:1000px!重要; 「但是沒有結果。 –

回答

0

您有:

controlHeight { 
    height: 500px; 
} 

這對名爲controlHeight元素相匹配。你想要:

.controlHeight { 
    height: 500px; 
} 

它匹配與類controlHeight類元素。

+0

對不起,這是一個錯誤。 .controlHeight在我的CSS中,我只是沒有在這裏複製到Stackoverflow的一個錯誤。 –

+1

@NeKr在這種情況下,它工作正常。 http://jsfiddle.net/9yvhc99j/ – Ouroborus

+0

那麼必須有東西覆蓋CSS?我試圖設置'height:1000px!important;',但仍然不起作用。 –

2

controlHeight是一個類選擇器。因此,你需要寫

.controlHeight { 
    height: 500px; 
} 

與在開始點

+1

Thanky ou的答案。射擊我的錯誤。點在那裏,我只是沒有在這裏複製點到Stackoverflow。 –