CSS：一个div中的多个内容？

Question

有没有办法有一个容器div，我可以在左侧放置链接，在右侧放置简单文本？我知道这可以做到，但我一直在努力让它发挥作用。由于我正在服务的内容，我所拥有的代码CSS必须进行高度修改，所以，我已经上传了我想要的moc草稿，看看你们是否可以帮助我。

Answer 1

<div id="menu">
  <div id="text" style="float:right;width:50%;text-align:right">text</div>
  <div id="links" style="float:left;width:50%">links</div>
  <div style="clear:both"></div>
</div>

确保你有清除div并且双方不接触。另外，正如Pekka指出的那样，正确的内容应该首先出现，否则它将位于左下方。

Answer 2

我认为Pekka是正确的说float:left和float:right通常是解决此类问题的最佳方法。

然而，我发现如果我实际浮动所有元素left（如果你正在编写一个从左到右读取的语言），我会得到更多的控制，然后让元素堆栈在彼此之上。这样你就可以指定边距，填充等，并获得你想要的间距。

要开始一个新行，你可以做两件事之一（或者甚至更多！）：

您可以设置display: block，或者可以约束链接/文本的容器宽度，以便强制包裹下一个元素。

希望有所帮助！