Question

我必须使我的div大小为height=250px和width=1000px，并希望以此大小自动调整图像。但是当我上传图片时它不适合div。

我的代码在这里：

CSS

#main {
  width:1000px;
  margin:0 auto;
  background: #fff;
  position:relative;
  z-index:1;
}
.promo-image {
  margin:0 0 8px;
}
.promo-image img {
  vertical-align:top;
}

HTML ：

<main id="main" role="main">
  <div class="promo-img">
    <?php
      $sql4 = "SELECT * FROM adverts_top ORDER BY id DESC LIMIT 1";
      $query4 = $conn->query($sql4);
      $row4 = $query4->fetch(PDO::FETCH_ASSOC);
      $link4 = $row4['link_url'];

      $images4 = $row4['imagepath'];
      $immg4 = basename($images4);
      $imagee4 = "adverts"."/".$immg4;

      $rowc = $query4->rowCount(PDO::FETCH_ASSOC);

      if ($rowc>=1) {
        echo "
            <a href='$link4'; target='_blank'><img src='$imagee4';></a>
             ";
      }
      else {
            echo "";
      }
   ?>
  </div>
</main>

Answer 1

您需要在width:100%中使用<img>，您可以使用内联css，也可以将其写在外部文件中

<强>内联

<a href='$link4'; target='_blank'><img src='$imagee4'; style="width:100%"></a>

<强>外部

在<img>中传递一个课程并根据

编写css

<a href='$link4'; target='_blank'><img src='$imagee4'; class="fullWidth"></a>

.fullWidth{
  width:100%;
}

Answer 2

我认为他的意思是

.promo-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 8px;
  left: 0;
}

了解他如何将#main的位置设置为亲戚，而不为top设置任何其他值（例如left或#main）

图像大小不适合div

2 个答案: