Question

如何将导航栏放在标题内？如果我在标题内浮动div，它工作正常。但当我移除浮动时，导航栏位于标题下方。我不明白。我该如何解决？

＆＃13;

os.rename(img+'.png',label+'.png')

＆＃13;

html{
    height:100%;

}
body{
    margin: 0px;
    padding: 0px;
    background-color: grey;
    height:100%;
    width:100%;

}
#container{
    height:90%;
    width:90%;
    margin-left: 5%;
    margin-right: 5%;
    border-style: solid;

}
#header{
   height:8%;
   width:100%;

}
.logo{
    height:80%;
    width:10%;
}
.nav{
    height:90%;
    width:75%;
    margin:auto;
}

＆＃13;

Answer 1

bydefault div元素是块标签元素，它占用了100％的宽度。您可以使用float，inline-block将其更改为“内联”元素。＆GT峰; br /＆GT; 查看下面的更新代码段

html {
    height:100%;
}
body{
    margin: 0px;
    padding: 0px;
    background-color: grey;
    height:100%;
    width:100%;
}
#container{
    height:90%;
    width:90%;
    margin-left: 5%;
    margin-right: 5%;
    border-style: solid;
}
#header{
    height:8%;
    width:100%;
}
.logo{
    height:80%;
    width:10%;
    display: inline-block;
}
.nav{
    height:90%;
    width:75%;
    display: inline-block;
}

<div id="container">
    <div id="header">
        <div class="logo">logo</div>
        <div class="nav">
            <a href="">Nav1</a>
            <a href="">Nav2</a>
            <a href="">Nav3</a>
            <a href="">Nav4</a>
        </div>
    </div>
</div>

Answer 2

如果您制作徽标位置：绝对不会按下导航栏。您必须指定高度和宽度，因为它不会与父div进行比较。

public MessagingServer(QueueConfiguration config)
{
      this.requestQueueClient = QueueClient.CreateFromConnectionString(config.ConnectionString, config.QueueName);
      this.requestQueueClient.OnMessageAsync(this.DispatchReplyAsync);
}

private async Task DispatchReplyAsync(BrokeredMessage message)
{
     await this.SendResponseAsync(message);
}

解决这个问题的另一种方法是给导航条留一个负边距。这样您就不必指定徽标的宽度和高度。

.logo{
  height:40px;
  width:100px;
  position: absolute;
}

如何将导航栏放在标题内？

2 个答案: