2016-11-27 26 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。 –