Div不会留在另一个Div的范围内

Question

这是它的样子：

我想让图片和名称与标题位于同一行......无需手动设置margin-top ...

请注意......我正在使用Bootstrap。 http://getbootstrap.com/

这是HTML代码......

这是CSS代码......

.navbar-top {
    height: 64px;
    background-color: #772A75;
    position: fixed;
    width: 100%;
    min-height: 64px;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0px 2px 10px #888888;
}

.navbar-container {
    padding: 0 20px;
}

.navbar-heading {
    margin-top: 10px;
}

Answer 1

只需为左侧标题设置float: left，并为右侧图像块设置float: right。

Answer 2

您可以在h1标记之后移动下拉切换，确保将 display：inline-block 添加到这两个标记。您可能需要使用浮动和宽度来获得它们所需的方式...