Html 需要帮助将2个div并排放置（我无法使内联块或浮点工作）

我一直在努力在twitch聊天旁边添加youtube直播流。他们不在同一条线上。我尝试过使用

float

和

display:inline block

，但由于某些原因，我无法让它们工作。非常感谢您的帮助

#流{
浮动：左；
显示：内联块；
}
#聊天{
显示：内联块；
浮动：对；
}

您需要：

CSS

.stream, .chat {
  float: left;
}

HTML

<div class="stream">
  <iframe src="https://www.youtube.com/embed/6TSxUwq_D0s" frameborder="0" allowfullscreen></iframe>
</div>

<div class="chat">
  <iframe src="http://twitch.tv/riotgames/chat?popout=" ></iframe>
</div>

一些错误：

• 如果在CSS中使用ID选择器（

  #

  ），在HTML中使用类（
  ），则必须匹配它们
• 如果要使用

  float

  divs，则无需使用

  inline块

• 使用不推荐使用的HTML属性，如

  align=“left”

• 避免在HTML

  iframe

  中使用

  width/height

  ，而是使用CSS

.stream，
.聊天{
浮动：左；
}

CSS中类的选择器是点而不是散列。

高度

和

宽度

都已为

iframe

提供，并相应地执行操作。此外，使用

代替

只需将

#stream

和

#chat

更改为

.stream

和

.chat

。或者在html中，将

class=

更改为

id=

非常感谢，就是这样。为什么是49%，为什么要定义宽度？@Chris-Happy pappi？谢谢，关于html中的宽度/高度，我知道它不理想，但我不知道如何将css与内部的iframe联系起来div@Ren3994只需使用类似于

.stream的iframe{宽度：xxx px；高度：xxx px}

@Ren3994如果这能解决您的问题，请确保您将此答案标记为已接受，以供将来的读者知道。我尝试过，但没有考虑“px”…谢谢！