我目前正在为我的网站导航栏，是超级新的CSS和HTML。

我有一个标题分成两个div，一个用于显示徽标、标题和登录页面的上半部分，另一个用于导航按钮。我遇到了问题，我的p标记离开了它所在的div，并且妨碍了我的导航按钮。下面是问题的图片: 1：https://i.stack.imgur.com/MoSsk.png

您正在查看的是在div中，在图像标记旁边的p标记的检查元素视图。

下面是一些html：

​

代码语言：javascript运行复制header{

background-color: #B71C1C;

color: #FFFFFF;

position:fixed;

top:0;

left:0;

width:100%;

height:150px;

margin-left: 0px;

margin-right: 0px;

}

#bar_logo{

max-height:90px;

max-width:90px;

height:auto;

width:auto;

margin:0;

padding:0;

}

.upper_banner{

width:100%;

height:60%;

margin: 0;

padding: 0;

}

#title_banner{

margin:0;

padding:0;

display: inline;

height:60%;

font-size: 45px;

font-family: Helvetica;

text-align:center;

top: -20;

}

#login{

float: right;

margin:10px;

}

.lower_banner{

width: 100%;

height: 40%;

margin:0;

padding:0;

}代码语言：javascript运行复制

我在解决这个问题时遇到了一些困难，比如当我在div "upper_banner“上突出显示时，它并没有突出显示我在极右的图像。正如你所看到的，我试图用

代码语言：javascript运行复制top: -20;试图移动它20 px，但没有区别。我有一种感觉，这个问题是因为我的p标记是从某个点开始的，而且由于我的高度被设置为一个固定的像素计数，它正在下降这个像素数，这导致它溢出到下面的div中。

为邪恶的初学者问题道歉，这一切都是全新的。