DIV：CSS无法重新调整图像

我想重新调整以下图像div但CSS样式没有任何影响。DIV：CSS无法重新调整图像

的div标签：

  <article id="article_1"> 
      <div id="div_article_1_fleche_haut"> 
       <img src="images/haut.png" /> 
      </div> 
      <div id="div_article_1_central"> 
       <div id="div_article_1_central_fg"> 
        <img src="images/gauche.png" />       
       </div> 
       <div id="div_article_1_central_carte"> 
        <img src="images/r500_0.gif"> 
       </div> 
       <div id="div_article_1_central_fd"> 
        <img src="images/droite.png" />           
       </div>       
      </div>    
      <div id="article_1_fleche_bas"> 
       <img src="images/bas.png" />            
      </div>    
     </article>

CSS文件：

#div_header_main { 
    width: 90%; 
    overflow:hidden; /**/ 
    border: thin solid black; 
    padding: 5px 10px 0px 5px; 
} 

#div_header_left { 
    width: 800px; 
    float:left; 
} 

#div_header_right { 
    width: 300px; 
    float:right; 
} 

#div_header_right img 
{ 
    float:right; 
    clear:right; 
    padding: 10px 0 0 0px; 
    border: thin solid black; 
    height:80px; 
} 

#div_article_1_central_carte img 
{ 
    height: 25px; 
}

这是的jsfiddle文件：

http://jsfiddle.net/e7gvbz66/3/

来源

2015-09-07 user5293879

更新您的链接加入你的CSS属性，你忘了他们 –

您可以设置图像的宽度％，迫使他们花葶。例如。 'img {width：100％;}' –

我已经更新上jsfiddle.net/e7gvbz66/8/你的CSS文件，其现在工作的罚款。不必要的字符出现在您的CSS文件中，我已经删除并只添加了一些样式来显示更改。

#div_header_main { 
 
\t width: 90%; 
 
\t overflow:hidden; 
 
\t border: thin solid black; \t 
 
\t padding: 5px 10px 0px 5px; 
 
} 
 
\t 
 
#div_header_left { 
 
\t width: 800px; 
 
\t float:left; 
 
} 
 

 
#div_header_right { 
 
\t width: 300px; 
 
    float:right; 
 
} 
 

 
#div_header_right img 
 
{ 
 
    float:right; 
 
    clear:right; 
 
\t padding: 10px 0 0 0px; 
 
\t border: thin solid black; 
 
\t height: 80px; 
 
    /*added for testing*/ 
 
    width: 40px; 
 
} 
 

 
#div_article_1_central_carte img 
 
{ 
 
    /*updated for testing*/ 
 
    height: 55px; 
 
    width: 100px; 
 
} 
 

 
#div_article_1_central_carte 
 
{ 
 

 
}

来源

2015-09-08 05:35:15

谢谢Yaser。有用。 – user5293879

请在你的CSS这样的风格文件，然后img的样式将正确应用。

#div_article_1_central_carte { 
 
    
 
}

来源

2015-09-07 05:26:13

谢谢大家的回答。我更新了http://jsfiddle.net/e7gvbz66/6/上的.css文件。问题仍在发生。我想要.css文件属性来减少图像大小。这就是结构：我有以下包含图片的div。 '

' 而且在这张图片的每一面我都有一个'div'，里面有一张小图片，我可以点击它来发起一个事件。所以我在'div_article_1_central_carte'周围有4个不同''div' – user5293879

DIV：CSS无法重新调整图像

回答

相关问题