特色图片问题

Question

The featured image isn't shown with its container width and height. This is how I display the featured image:

<div id="featuredimage"><?php the_post_thumbnail();?></div>

This is the CSS for featuredimage

#featuredimage {
  height:200px;
  background-color:#000;
  margin-left: -40px;
  margin-right: -40px;
  margin-top: -20px;
}

.featuredimage img {
  height:200px;
  width:600px;
}

This is the code in PHP Functions

<?php
add_theme_support( 'post-thumbnails' );
?>

What's wrong? You can see the final result here. As you may notice, the featured image adopts any size but the one I want it to be.

Answer 1

Did you try using the ID instead of a class, e.g.

#featuredimage img {
  height:200px;
  width:600px;
}

However, you are repeating the use of the ID i.e.

<div id="featuredimage">

is used multiple times on your page. ID's should be unique (see http://www.w3.org/TR/WCAG20-TECHS/H93.html) therefore consider changing it from an ID to a class;

.featuredimage {
  height:200px;
  background-color:#000;
  margin-left: -40px;
  margin-right: -40px;
  margin-top: -20px;
}

.featuredimage img {
  height:200px;
  width:600px;
}

<div class="featuredimage">...</div>