我需要一个除了div之外的div而且还有一个div

Question

您好我需要帮助才能创建除现有内容之外的额外div。 http://jsfiddle.net/2zWFE/

<div></div>

它应该在200px宽的右边，高度无关紧要。当我尝试自己动手时，它会制动我的内容。

我知道它“非常混乱，但我正在努力学习，所以不要评论：”。

如果有人可以帮助我，我将不胜感激！

Answer 1

此代码应该有效：

小提琴：http://jsfiddle.net/2zWFE/6/

我基本上创建了一个div元素来包含主要内容和另一个单独的div，并为它们提供了属性display: inline-block。然后，我创建了另一个div以包含它们并将它们与text-align: center对齐以保持格式。另外，我修复了一个永远不会有结尾<h6>的{​​{1}}标记，并删除了一些不必要的>。我还添加了</div>以使新div保持与另一个相同的顶部高度。

Answer 2

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

基本上你需要将左侧内容放在容器div中，向左浮动，然后向左浮动#logo。由于容器首先出现，它将是最左边的div，然后，在空间允许的情况下，＃logo将沿着容器右侧的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>

CSS只是应用于#logo和.container

的一个属性

.container, #logo {
    float:left;
}

如果您希望#logo坚持到右侧，您可以将右侧的浮动应用于#logo div。

你可以看看我的分叉小提琴，http://jsfiddle.net/BlakePetersen/vE8T6/5/

<强>更新 新的小提琴已经更新，包括主容器盒内外。右侧浮子的示例，外侧，左侧浮子。