Html 使用css对齐容器中的两个元素？

我喜欢让我的导航栏和标题都一样，但我不能让导航栏正确对齐。使用

float:right

不起作用，因为它似乎将其从容器中取出（如果有意义的话）

---

我的代码在这里：

您是否在元素中添加了

float:right

？正如您所说，浮动将使父元素忽略元素高度，从而将元素放置在父元素之外。添加

溢出：隐藏将解决此问题

更新的JSFIDLE:


将两个图元放置在同一行上：

像这样吗？哦，请在你的问题中始终发布一个完整的代码示例。这是因为卡片标题div是一个块元素，所以它跨越100%的宽度并向下推动导航。如果您将导航放在该div中，它将有所帮助。你还应该研究哪一个对浮动元素有好处。“都一样”是什么意思？那很好，但我还是希望它们都在同一条线上，而不是让导航栏在标题下。对不起，错过了你问题的这一部分；）只需将左侧包成一个div，并使其向左浮动即可。我将更新我的JSFIDLE。