html - 如何使 HTML 导航栏与标题在同一行

Question

如何让我的标题和导航栏都在同一行？在页面顶部，您会看到大多数网站都有吗？

Answer 1

HTML：

<div class="heading">
    <div class="A">
    </div>
    <div class="B">
    </div>

</div>

CSS：

.heading {

    width:100%;
    height:50px;
    margin-top:0px;
    background-color: red;

}

.A {
    width: 20%;
    height: 100%;
    margin: 0px;
    float:left;
    background-color: blue;
}

.B {
    width: 80%;
    height: 100%;
    margin: 0px;
    float:left;
    background-color: orange;
}

我想你对 HTML / CSS 没有经验？

也许你应该更多地记录你的问题......

如果这对您有帮助，请将其标记为答案...