php - 特色图片问题

Question

特色图片未显示其容器宽度和高度。这就是我显示特色图片的方式:

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

这是 featuredimage 的 CSS

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

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

这是PHP函数中的代码

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

怎么了？可以看到最终结果here .您可能会注意到，特色图片采用任何尺寸，但不是我想要的尺寸。

Answer 1

您是否尝试过使用 ID 而不是类，例如

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

但是，您正在重复使用 ID，即

<div id="featuredimage">

在您的页面上多次使用。 ID 应该是唯一的(参见 http://www.w3.org/TR/WCAG20-TECHS/H93.html )因此考虑将其从 ID 更改为类；

.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>