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

时间:2015-01-14 13:57:42

标签: html html-lists heading

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

1 个答案:

答案 0 :(得分:2)

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的经验?

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

如果这对你有帮助,请将此作为答案......