HTML / CSS位置元素

Question

我正在尝试这样做：

我的看起来像这样：

不是最美好的事情。 我的问题是：

1. 我们有标题，搜索栏，菜单和按钮。我如何将它们全部内联？
2. 在带有背景图片的div上 - 如何将标题定位为原始网站中的标题？

Answer 1

1）查看Navbar component文档。如果正确实施，项目应该已经内联。您可以使用navbar-left和navbar-right类在导航栏中定位项目。

2）您会注意到大型中心文本从与导航栏徽标相同的位置开始。这是因为容器类。我建议您分析一些examples以了解如何正确实现容器。

之后，如果您仍在努力将styles.css添加到您的pastebin帖子中，或者更好地创建Codepen - 这样可以让某些人更有帮助。

Answer 2

1-你可以写float：left;或漂浮：对; ？寻找这个float

2 - 对于位置元素，您必须在创建绝对div之后创建一个相对div ..并且您可以指定右上角左下方的结算坐标..看这里position

Answer 3

resDiv