Css 我需要一张除夜票，还有一张在下面

你好，我需要帮助创建一个额外的div除了我现有的内容。

它应该在它的右边200px宽，高度不重要。当我试图自己做这件事时，它会阻止我内容的放置

我知道这相当混乱，但我正在努力学习，所以不要评论：）

如果有人能帮我，我将不胜感激

此代码应该可以工作：

小提琴：

---

我基本上创建了一个div元素来包含主要内容和另一个单独的div，并为它们提供了属性

display:inline block

。然后，我做了另一个div来包含它们，并使用

text align:center

将它们居中，以保持格式。此外，我还修复了一个永无结尾的

标记，并去掉了一些不必要的

标记。我还添加了

vertical align:top

，以使新div与另一个div保持在相同的顶部高度。

您可以使用浮动轻松完成此操作

基本上，您需要将左侧内容放置在容器div中，将其向左浮动，然后再向左浮动#logo。由于容器位于第一位，它将是最左侧的div，如果空间允许，#徽标将沿着容器右侧的div一侧排列

我所做的（除了清理一些语法问题）就是将logo div移到底部，然后用容器包装所有内容，如

<div class="container">

existing non-#logo markup

</div> 

<div id="logo" align="center"><img src="images/header.png" width="584" height="200" /></div>

如果希望#徽标粘贴到右侧，可以将右浮动应用到#徽标div

你可以看看我的叉形小提琴

更新

---

新提琴已经更新，包括在主集装箱箱内外。右浮动的内部示例，外部示例，左浮动。

您希望它位于标题旁边还是标题下面的部分？问题是图像被移动到底部，这不是预期的格式。忘记保存我的小提琴。。。刷新。。。FMLIt现在已经更新了，也加入了宽度调整，为了确保一致的纵横比，图像的高度属性需要被禁用，否则它将强制它使用该高度，除非高度也在CSS中定义，而CSS中没有定义。刚才看到了将图像放在内容中的部分。我在我的提琴中的infocontainer框右侧添加了第二个参考。两个示例，一个是所有内容的左侧浮动，一个是信息框中内容的右侧浮动。干杯，伙计们，我明天会更仔细地研究它，现在就去睡觉。这就是我想要的样子。当我尝试你的答案时，内联的文本写在新闻端。好的，那应该很简单-1秒钟我的答案已经改进了。完美。如果您感到满意，您可能应该将答案标记为已接受，以便未来寻求类似问题解决方案的访问者可以快速轻松地找到答案。

<div class="container">

existing non-#logo markup

</div> 

<div id="logo" align="center"><img src="images/header.png" width="584" height="200" /></div>

.container, #logo {
    float:left;
}