尺寸Div与其中的图像一样大

Question

我正在努力使我的div与其中的图像一样大.但是,它不起作用.当我谷歌它,我找到适合图像大小的结果.我想要相反的方式.

这是我的代码:

.backgroundimage {
  position: relative;
  top: 70px;
  bottom: 46px;
}
.Youtube {
  position: absolute;
  left: 280px;
  bottom: 46px;
}

<div class="backgroundimage">
  <img src="http://truespeed.ca/wp-content/uploads/2016/06/tvscreen.png" alt="null" />
  <iframe class="Youtube" width="479" height="269" src="https://www.youtube.com/embed/6ydYvG52K-E" frameborder="0" allowfullscreen></iframe>
</div>

这是一张div现在有多大的图片:

Answer 1

A <div>默认情况下display: block,这意味着它将占用其父级的整个100%宽度,这将扩展到您的案例中整个页面的宽度.如果您需要根据其中的内容流动div宽度,则需要将其更改为display:inline-block

.backgroundimage {
  display:inline-block
}

希望这有帮助.